H:panelGrid colspan and rowspan

Hello there,
I need a grid component that can render also colspan and rowspan.
Is there anything like this ? panelGrid do not seem to have these attributes.
Maybe there is a 3rd party package that provide this functionality.
I am also interested in applying styles to specific <td> elements.
Any ideas ?
Thanks,

h:panelGrid does not support colspan and rowspan attributes.
There is a third party JSF library that cover the HTML layout tags and can be used along with the standard jsf library.
URL: http://www.jsftutorials.com/htmLib/

Similar Messages

  • Colspan and rowspan attributes in table cells

    Is there a way to add 'colspan' or 'rowspan' attributes to a cell in a table using the RoboHelp UI? Of course, it's very simple to just edit the HTML directly, but I'm preparing documents that will be used in the future by executives, and like most executives they are barely computer-literate.

    Hi there
    In the RoboHelp HTML UI, the author selects the affected cells and chooses to merge them by either clicking the Table menu and choosing Table > Merge Cells or by clicking the Merge Selected Table Cells icon in the Tables and Borders toolbar.
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7 or 8 moments from now - $24.95!
    Adobe Certified RoboHelp HTML Training
    SorcererStone Blog
    RoboHelp eBooks

  • Background image show  colspan="1"  rowspan ="1" align="right valign ='midd

    My APEX version 4.0.2
    Oracle Version 11g
    1. I created Background Image for Text Box .
    2. I gave Code in HTML CELL ATTRIBUTES
        as below
                     <span style="width:533px; height:59px;background-image:url('/i/images/mypicture.png');"></span>
    3.  PRE ELEMENT TEXT  i gave the below code
                     <span style="padding:120px;"></span>
        Images are showing but getting the below code on images how to suppress the below code        
                    colspan="1"  rowspan ="1" align="right valign ='middle'{code}
    Can anyone help me to fix this
    thanks and regards                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

    A wrote:
    My APEX version 4.0.2
    Oracle Version 11gPlease edit your post and only use {noformat}{noformat}tags on actual code.
    1. I created Background Image for Text Box .
    2. I gave Code in HTML CELL ATTRIBUTES
    as below
    &lt;span style="width:533px; height:59px;background-image:url('/i/images/mypicture.png');"></span>
    APEX generates the <tt>span</tt> element for report cell contents when HTML Cell Attributes are specified. Remove them from your code:style="width: 533px; height: 59px; background-image: url(/i/images/mypicture.png);"
    Also, quotes are unneccessary in CSS URLs.
    3. PRE ELEMENT TEXT i gave the below code
    <span style="padding:120px;"></span>
    This is applying padding to an empty <tt>span</tt>. The property is better applied somewhere else. What exactly are you trying to achieve here?
    Images are showing but getting the below code on images how to suppress the below code
    colspan="1" rowspan ="1" align="right valign ='middle'
    The main cause of this is probably the unnecessary <tt>span</tt> in (2) above, but <tt>align="right valign ='middle'</tt> is a syntax error. Where is this coming from? The <tt>align="right"</tt> needs a terminating double quote.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • Difference between panelGrid tag and dataTable

    hi,
    what is the difference between panelGrid tag and dataTable tag in jsf

    A panelGrid is useful when you have a fixed number of rows and columns. Each child component of the panelGrid is specified explicitly and arranged in a grid by the parent component.
    A dataTable is useful when you have a collection of homogeneous data of indeterminate size. You specify the columns of the dataTable and it will iterate over your data creating one row per datum.

  • Column Sorting and Rowspanning not working in OBIEE 11g (worked in OBI 10)

    Hi all,
    i have a report with columns like this:
    Customer Nbr. | Customer Name | Salesorder | EBIT | EBIT (Total p. Customer)
    In the table view i have a total sum line at customer level.
    The column "EBIT (Total p. Customer)" is an Aggregate with Formula (SUM(Invoices.Ebit) BY Customer."Customer Nbr.") which is exactly the same value as in the report sum line (column EBIT).
    This Aggregate colum is only for sorting purposes and is hidden in the view.
    The business case is:
    "We want to see the EBIT per Salesorder for each customer, sorted from worst to best customer.
    So i sorted by "EBIT (Total p. Customer)" ascending in criteria tab and adviced answers to show the sum for each customer (column customer nbr.) in the table definition view.
    OBIEE 10 behaviour: Answers shows all customers sorted by EBIT (Total p. Customer), i see one line for each salesorder, the customer columns are rowspanned over all salesorder lines and there is exactly on sum line after each customer.
    OBIEE 11 behaviour: Answers shows all customers sorted by EBIT (Total p. Customer), i see one line for each salesorder BUT there is one sum line after each salesorder too. So there is no sum at customer level but on salesorder level
    Any idea how to solve this?
    BTW:
    1.) I still tried to place this column as the first (left) column in the report to get the right sorting ... with no success.
    2.) Sorting data at BI Server level is NO option since there are some other reports with different sorting requirements
    While searching in "Oracle Support" i found document ID: 1371247.1 "OBIEE 11g: How To Apply a Custom Sort in Answers" which says "... The functionality to custom sort in Answers does not currently exist There is an enhancement request for this functionality. For more information, see Bug 13261597 - be able to apply a custom sort in answers ..."

    Did you ever get an answer to your question? We are seeing the same issue.

  • Dynamic Columns with dynamic header colspans

    Hi All,
    Our project requires creation of dynamic data table at runtime. Following are the requirements.
    1.The number of columns and column headers should be dynamic. Basically the column headers are the Month names.
    2.Some or All of the above displayed months can be further split into 3 columns based on further values selected by the user. The months to be split into 3 columns will be identified only at runtime based on some calculations. When this happens, that particular month header should span 3 columns and an additional header for the 3 split columns have to be displayed. Check the screen shot below.
    ----------------------------------------------------------------------------------|-------------|
    Year: 2008 | Year: 2009 |
    ----------------------------------------------------------------------------------|-------------|
    |Current Month | | |
    -------------------------------------|--------------|-----------------------------|-------------|
    Sep | Oct | Nov | Dec | Year Total| Jan |
    ------------------|------------------|--------------|-----------------|-----------|-------------|
    | | |2008 |2009 |Total| | |
    ------------------|------------------|--------------|-----|-----|-----|-----------|-------------|
    Old |New |Total|Old |New |Total | | | | | | |
    Value|Value | |Value|Value| | | | | | | |
    -----|------|-----|-----|-----|------|--------------|-----|-----|-----|-----------|-------------|
    xx | xx | xx | xx | xx | xx | xx | xx | xx | xx | xx | xx |
    -------------------------------------------------------------------------------------------------Points to be noted:
    1.The colspan for the Year header is dynamic based on the months displayed for the previous, current, next year.
    2.The &lsquo;Current Month&rsquo; header is dynamic based on the month selected in the drop-down.
    3.The colspan for the month is dynamic based on whether it is displaying single column or 3 columns
    4.The header for the 3-column split is dynamic based on which are the months to be displayed with 3-column split.
    5. Irrespective of the month selected, DEC is always split into 3 columns.
    Is this achievable in JSF? Please let me know if anyone has worked on a similar requirement.
    Thanks and Regards,
    Anitha.

    Hi charishma/Raymond,
    Thanks for your response.
    charishma,
    I checked the link you provided and the code in that page. For me it looks like the colspan and rowspan are set by the user. Can it be done dynamically? I am still not in the development phase. I am still evaluating the possibilities. So it would be great if you can tell me if my requirements will be met with rich faces.
    Raymond,
    I am still in the evalution phase of whether this requirement is possible or not?
    In short, my requirement is to display columns dynamically. Based on certain conditions, each of the column can be further split to 3 more columns with 3 sub-headers below the main header. There are 4-5 rows of headers available for which the colspan has to be calculated dynamically depending on the total number of columns.
    The columns should be editable. i.e., the columns contain textboxes where the user can enter data. Again, the editable columns and non-editable columns are determined at run-time based on certain calculations.
    Is this possible? If not, i need reasoning as to why it is not acheivable.
    If it is not at all posible then the client is ready to compromise on the editing part. That is, data entry can be in a pop-up whereas, the the datatable should just display the data dynamically so as to print it for a report.
    Please let me know the possibility of this requirement.
    Thanks and Regards,
    Anitha.

  • JSF Rendering problems

    Hello
    I have encountered tow problems using JSF 1.0
    First:
    I have a site that has a css file asociated with it.
    In this css file i have a class for the option tag "<option>".
    My problem is that JSF dose not provide a way to pass and render the class attribute on the option tag.
    Is there a way to render this attribute on the option tag without extending the component or writing a renderer for it?
    Second:
    How can I pass the attributes colspan and rowspan of a <td> element rendered for a panelGrid tag without extending the component or writing a renderer for it?
    Thx.

    Hello again
    I forgot to mention this for th above problem.
    The problem with the option tag is that this jsf code
    <h:selectOneMenu id="someId" value="" styleClass="select">
    <f:selectItems value="#{Dummy.dummySelects}" />
    </h:selectOneMenu>
    generates this HTML code
    <span class="select">
    <select id="someId" name="someName" size="1">
    <option value="dummy select">dummy select</option>
    <option value="dummy select">dummy select</option>
    <option value="dummy select">dummy select</option>
    <option value="dummy select">dummy select</option>
    </select>
    </span>
    the class="select" attribute should be on the <select> tag but is on the <span> tag.
    Why is this and how can I fix it ?

  • JSF tables

    Hi,
    I am trying to generate an HTML table using the JSF tags. But I don't find how to use the colspan and rowspan. These attributes are not defined for the panelGrid JSF tag.
    Does anyone know how to generate colspan and rowspan attributes using JSF? Or do I need to create a new component?
    Thanks,
    Marie.

    As far as I know, there is no rowspan in JSF, but you can simulate, kind of, colspan with panelGroup.

  • Need help trying to arrange  3 fields all near each other..in  a region.

    I have 3 fields and i am trying to arrange all near each other..
    But i cannot
    The space is like
    Empno.. Fieldnename.....*empname*......................................fieldempname samplefield sampleno
    I am trying to understand why is there too much space between empname label and the field empname
    Note field empname is a list item.
    I have currently used field.= no and reduced the space difference
    Begin On New Line     Field      
    Can any one educate me more on what is a page item field yes or no indicate.
    What is the actual purpose of field in page item and also colspan and rowspan
    Also best method to arrange columns near each other in a apex form
    apex 4.1 11gxe
    Edited by: user12233760 on Oct 2, 2012 2:39 AM

    Hi I had forgotten this option of drag layout . One of the problem is. . I have 3 columns my third columns field
    is shown automatically at a different line . Though its label exist in the first line..This happen to last column dont know the reason why
    This is specially when i set my last field to no . so that it can exist in one cell..
    ..Ok Sorted it out..Went into documentation and found about start stop html tables. .and combination of all ..like field even yes,etc
    i am able to get the desired output Got it sorted thanks again
    Thanks again
    Edited by: user12233760 on Oct 2, 2012 3:15 AM
    Edited by: user12233760 on Oct 2, 2012 3:31 AM
    Edited by: user12233760 on Oct 2, 2012 3:33 AM

  • Unable to merge cells in Table(WAD)

    HI Gurus,
    I am working on BI7.0,
    I am trying to create Web Templates to display reports in portal for that
    I have selected Table (rows and coloms), When I try to merge first two cells
    (to write descritpion of query) it is not allowing me to merge.
    Can anybody suggest me how to merge two cells in table.
    Thanks in advance.
    Maruthi
    Edited by: maruthi k on Dec 15, 2008 2:04 PM

    If you're talking simply about merging the cells in an HTML table, then you use the COLSPAN or ROWSPAN options in  HTML.
    Check out the following
    <html>
    <body>
        <table border="1" cellpadding="2" cellspacing="0">
            <tr>
                <td>
                    Heading 1</td>
                <td>
                    Heading 2</td>
                <td>
                    Heading 3</td>
            </tr>
            <tr>
                <td colspan="2">
                    Text covering 2 cells</td>
                <td>
                    Last cell</td>
            </tr>
            <tr>
                <td rowspan="2">
                    Text covering 2 cells across 2 rows</td>
                <td>
                    Text in cell 2 row 2</td>
                <td>
                    Text in cell 3 row 2</td>
            </tr>
            <tr>
                <td>
                    Text in cell 2 row 3</td>
                <td>
                    Text in cell 3 row 3</td>
            </tr>
        </table>
    </body>
    </html>
    Take the above code and put it in a simple HTML file and run that file in your browser, you should then be able to see how COLSPAN and ROWSPAN work.
    COLSPAN=2 means that the cell spans 2 columns. Similary, COLSPAN=3 would then span 3 columns.
    Remember though that when you set COLSPAN=2, you will need 1 less TD in that row, otherwise you end up with an extra cell in that row which makes your table look all messy.
    Now, in your template, get into the XHTML view, find the table, and set the COLSPAN / ROWSPAN accordingly.
    Hope this helps.
    Cheers,
    Andrew

  • Graphical interface improvements on JDeveloper 11g

    Congratulations you really improved the design interface
    I finally could drag an jsf adf item to anothre place,
    But I can't move the prompt of that item so easily.
    I don't know if you checked yahoo geocities free web designer, this is very interesting because you can put items in any place, I always thought jdeveloper interface would be so easy as oracle developer.
    Please don't forget to continue improving we'll have to start programming in 11g and we have very high standards on web output.
    Thank you, we appreciate your efforts.

    Thank you Stom and Shay
    1. The example I gave to putting the items anywhere (when I talk about the editor yahoo geocities has) was thinking in swing, and obviously there will be the limitation on the frame of the database and common sense limitations, the point is you could drag the item and position easily, not the posibility to put anywhere without any constraint :).
    2: About your interest in feedback, let me tellyou we were really impressed with the business logic jdeveloper has, but we were extremely sad after looking at the limitations in design we did several posts, and we were not talking about magical new features, else a similar facility like macromedia dreamweaver has (I think you did a big improvement and maybe you are better in some features than macromedia is now on JDeevloper 11g).
    Briefly is the posibility to give a really good design to a page using jsf adf components, we have high standard on your application display.
    To start the development on JDeveloper adf jsf (we are not planning to use swing) our wish is the posibility to:
    1: Easily position items (without going to code), using a table for example, as it's usually done, I think this is solved with the drag and drop of items.
    2. To easily position the prompt of all items (list items, text items, etc.), in relation to their items (like oracle developer has)
    3. Your css style sheets are very limited, because jdeveloper don't accept all the css properties, if jdeveloper could interpret all them please.
    4. The posibility to apply by item a css class, this idea comes from Oracle Developer, where you create several classes, and when you click the right button on a item, you see all the classes for that type of object, for example a button or a text item, and then you select the class and it apply to the item.
    5. The posibility to easily give a different format to every row, if possible visualy, why? because we get our reports from function tables, there is a column saying the format of the row, for example title, detail, total, etc. We did it on php.
    6. The ability to use properties of colspan and rowspan in an adf database tables, for data display.
    7. The posibility to give relative and absolute positioning in all your components using dips or layers.
    8. We understand is not possible to did it all visually, and there will be the need to modify the code from time to time, but don't loose the correct visual position representation of that.
    Thank you :)

  • Nested Grid Panels

    Hello,
    I'm trying to center my website and the only way i though i could do this was to put all my components into some sort of table or something, and since JSC does not support colspans and rowspans, i had to make do with nested Grid Panels. Boy, was i in for a heck of a time.
    After a few hours of fudging i finally got the layout i wanted, in Design Mode that is. When i deployed it to the App Server 8 and viewed it in IE, the final result was not rendered the same as what i had in design mode. For instance, i had a nested grid panel which contained a button and an empty grid panel. The empty grid panel was basically used to offset the button in a certain direction for better placement (if there is a better way, pls tell me!). Anyway when deployed, this was not rendered properly such that the empty grid panel was not included - the button was centered in the parent grid panel rather than offset to the right (the way i wanted it).
    Another thing which didn't work were some of my image components. Some loaded their images correctly and some others did not - they were blank and had a red cross in the corner.
    Is there a known issue with nested grid panels? I had quite a few levels of nests so maybe the browsers did not like this? Thanks a lot.
    Mitch_J.

    Let me try to clarify what you're seeing here.
    The grid panel component is really intended as a -container- component. In particular, at runtime, if the grid panel has zero components as children, it will take up -zero- space. It might render an empty <table> tag, or it might render nothing - I can't remember what's in the component renderer logic. But the end result is the same: You shouldn't use an empty grid panel component as a "spacing" component.
    Why does it work in the designer then, you're asking?
    That's deliberate designtime behavior to make it easier to work with the component. Let's say you want to drop a grid panel compoent, and then put a button or two in it. First you drop the grid panel. Uh oh - if the designer renders it the same way as it will be at runtime, the grid panel will have size 0,0 (or maybe even be invisible) and you (a) don't see it, and (b) can't drop on it in the designer. (As a workaround, you -can- drop on it in the Outline, but still, this is not what users expect at designtime).,
    So, the component designtime renderer will enforce a minium size on the component for the specific case that the component is empty or invisible, forcing a small border on the component, such that it's easily visible and easily a drop target.
    If you want a spacing component, try a Static Text for example, with some space characters in it.
    -- Tor
    http://blogs.sun.com/tor

  • Need Help Reslicing Photoshop Site Layout to Update Dreamweaver Template

    I created a website in adobe photoshop cs3 and sliced it up
    to created an html file with sliced images. My main navigation menu
    is made up of graphics.
    I brought it into dreamweaver and created editable regions,
    created rollovers etc. Then I created a dreamweaver template from
    that to create the rest of the web pages for my site.
    The client has come back to me and wants to add more menu
    options to the site. This is where I'm stuck! When I use photoshop
    to make more menu slices, it renumbers them. How do I export the
    new slices with the new layout so I can use them to update my
    dreamweaver template. How can I get those new slices/html layout to
    the dreamweaver template without losing all the work I have done on
    my current dreamweaver template?
    issuenite

    > Why does photohshop even provided a slicing feature if
    it does not provide
    > good code?
    The slicing is not the problem. It's the export as HTML that
    is the
    problem. And you'd have to ask Adobe that question if you
    want an answer.
    We are all just volunteer peers here.
    > What is better about Fireworks? I have the program but
    have never used
    > it.
    FW HTML is no better.
    http://www.adobe.com/devnet/fireworks/articles/why_fireworks.html
    At any rate, read this -
    http://apptools.com/rants/spans.php
    - and then look
    at your code and count colspan, and rowspan attributes.
    Unfortunately, the
    only way to avoid this mess is to learn enough HTML/CSS that
    you can build
    your own tables in DW, and do it in such a way that you don't
    rely on
    merging and splitting cells (which is what generates those
    colspan and
    rowspan attributes).
    Again, unfortunately, you are REALLY stuck in a bad
    situation. Since you
    have a) used a completely graphic menu button array, and b)
    used a graphic
    background behind the menu buttons, and c) chosen to embed
    that graphic
    background in each sliced button, you cannot add new buttons
    without
    remaking the entire menu. You will only make that mistake
    once. I never
    start building menus until I have an approved site plan in
    hand. By the
    way, that's a nice looking layout.
    I don't see any clear path to salvation here. Since you are
    absolutely tied
    to PS for exporting the HTML and slices, you will have to
    recreate
    everything, I believe.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "issuenite" <[email protected]> wrote in
    message
    news:[email protected]...
    > >That's a very bad start. This HTML is *not* suitable
    for production use.
    >
    > Why does photohshop even provided a slicing feature if
    it does not provide
    > good code?
    >
    >
    > > If you used FW to create the graphics, and DW to
    build the page and
    > > write
    > > the HTML, you wouldn't be having this problem.
    However, if you post a
    > > link
    > > to the page, we will likely be able to help you.
    >
    >
    > What is better about Fireworks? I have the program but
    have never used
    > it.
    >
    > The site is in its infancy at www.kevinkipfer.com
    >
    > thanks
    > issuenite
    >

  • Using table in h:dataTable

    I'm trying to use <table> tags inside an h:column tag in an attempt to control formating with colspan and rowspan attributes like this:
    <h:dataTable var="data" value="#{upConference.conferences}" columnClasses="vert"
    rowClasses="evenrow, oddrow">
    <h:column>
    <table border="1" width="800">
    <tr>
    <td><h:outputText value="#{data.START_DATE}"/>
    <h:outputText value=" - #{data.END_DATE}"/></td>
    <td><h:outputText value="#{data.Some_other_field}"/></td>
    <td><h:outputText value="#{data.Some_other_field}"/></td>
    </tr>
    <tr>
    <td rowspan="3"></td>
    <td rowspan="3">
    <h:outputText value="#{data.Some_other_field}"/>
    Address1
    Address2
    city, state, zip
    </td>
    <td><h:outputText value="#{data.Some_other_field}"/></td>
    </tr>
    <tr>
    <td><h:outputText value="#{data.Some_other_field}"/></td>
    </tr>
    <tr>
    <td>Come see us! NPP Booth Number: </td>
    </tr>
    </table>
    </h:column>
    </h:dataTable>
    The <h:outputText> field are rending outside the tables so, I'm wondering if this can be accomplished or if it's a pipe dream.
    Thanks

    You may use verbatim tags to enclose html tags.
    <h:dataTable ...>
    <h:column>
    <f:verbatim>
    html codes here ...
    </f:verbatim>
    <h:outputText ...>
    <h:outputText ...>
    <h:outputText ...>
    <f:verbatim>
    more html codes here ...
    </f:verbatim>
    </h:column>
    </h:dataTable>
    Hope that helps.
    Billy

  • How to specify column span for a row in grid panel

    In a grid panel with 4 columns, how to set one of the rows to span all 4 columns?

    I don't think it's possible with the standard JSF component. There are no hooks to get it to emit a rowspan attribute on the <td> it will render for each cell. There is a hook to get it to add a styleclass, but that won't help with colspans and rowspans.
    -- Tor
    http://blogs.sun.com/tor

Maybe you are looking for