4 Replies Latest reply on Mar 19, 2010 1:47 PM by peterlen

Adding <td> attributes in a panelGrid? Possible?

peterlen Mar 18, 2010 2:57 PM

Hello,

I know this is not strictly a RichFaces question, but ......

I am using a JSF HTML panelGrid to help build a table:

<h:panelGrid columns=

"2">

Part of what is going in the panelGrid is a text field and a picklist defined as:

<h:outputText value=

"Sources:"/>

<h:selectManyListbox id="srcs" value="#{Planning.indexedSourcesPickSelected}" size=

"5">

<f:selectItem itemLabel="All" itemValue="all" />

<s:selectItems value="#{Planning.indexedDataSources}" var="i" label="#{i.label}" itemValue="#{i.value}"/>

</h:selectManyListbox>

The problem that I am running into is that I can't find a way to get the ourtput text to be vertically aligned to the top of the <td> cell. I have tried using attributes and styles to do this but with no luck. If I view the source in the browser, I can see that a standard HTML table is being rendered. In one case I ended up just switching and using the standard HTML <table> tags where I can define attributes on my <td> tags.

Does anyone know if you can define <td> attributes in some way when using a panelGrid?

Thanks - Peter

1. Re: Adding <td> attributes in a panelGrid? Possible?

harut Mar 19, 2010 4:05 AM (in response to peterlen)

Hi, you have to use columnClasses attribute of panelGrid and set corresponding css class for the column where outputTexts are rendered:

.panelAlignTop {
vertical-align:top;
}

<h:panelGrid columns="2" columnClasses="panelAlignTop">

something like this...
Actions
2. Re: Adding <td> attributes in a panelGrid? Possible?

liuliu Mar 19, 2010 4:10 AM (in response to peterlen)

hi,

i think there is only columnclasses you can use for td.

liu
Actions
3. Re: Adding <td> attributes in a panelGrid? Possible?

ilya_shaikovsky Mar 19, 2010 1:17 PM (in response to liuliu)

you could define rich:column inside the panelGrid and define styleClass there.
Actions
4. Re: Adding <td> attributes in a panelGrid? Possible?

peterlen Mar 19, 2010 1:47 PM (in response to peterlen)

Thanks for all the responses. After playing with the columnClasses attribute I think the answer is that the flexibility is not there for what I need. If you envision a table with multiple <tr> and <td> tags, I need to place some attributes (such as the valign=top) on some of the <td> tags, but not all. For example, the first <td> tag for the 1st and 2nd <tr> may not need the valign, but the first <td> tag for the 3rd and 4th <tr> do. This could be any combination or <td>'s within any given <tr> row. I think I am just going to have to create my table using the <table><tr><td> tags.

Thanks again - Peter
Actions

Go to original post