Hi Joris, I think the best thing you can do is reading the documentation on Trinidad Skinning first. Trinidad does some "magic tricks" with CSS files, which is explained there. The skinning documentation is part of the Developer Guide and can be found here (for version 1.2.x): http://myfaces.apache.org/trinidad/devguide/skinning.html. The first thing you should change in your application is adding the following setting to your web.xml: <context-param> <param-name> org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name> <param-value>true</param-value> </context-param> This will prevent the use of "x7a xbd", which are compressed CSS class names. Then you can see which classes are appended. I had a similar situation and figured out this: .selectedRow td.af_column_cell-text-band { background-color: rgb(0, 0, 200); font-weight: bold; color: rgb(255, 255, 255); } In this case ".selectedRow" is my custom classname. "af_colum_cell-text-band" is the name that Trinidad appended. And "td" is the element on which it was applied.
One last tip: for debugging CSS issues, I highly recommend the use of Firebug (https://addons.mozilla.org/en-US/firefox/addon/1843), a Firefox plugin for debugging HTML, CSS, etc. Good luck! Best regards, Bart Kummel Joris Kimpe <[EMAIL PROTECTED]> wrote on 19-06-2008 10:55:18: > > Hi all, > > I have a table (containing days) where I want the weekdays to have a > different css style than Saturday and Sunday. > > In my jsp I used a variable styleClass: > <tr:table value="#{backingBean.dataModel}" var="row" width="100%"> > <tr:column width="10%" styleClass="overviewTable_#{row.dayType}"> > <f:facet name="header"> > <tr:outputText value="#{text['date']}"/> > </f:facet> > <tr:outputText value="#{row.date}" converter="DateConverter"/> > </tr:column> > ... > </tr:table> > > > The generated html looks like this: > ... > <td class="calculationOverviewTable_week x7a xbd"> > ... > <td class="calculationOverviewTable_weekend x7a xbd"> > ... > > > Why are there some additions (x7a xbd), and how do I have to implement my > css file(s)? Because my styles aren't applied... > > > My css file has now this: > .overviewTable_week { > vertical-align:top; > background-color:#ffffff; > } > > .overviewTable_weekend { > vertical-align:top; > background-color:#99CCFF; > } > > Thanks! > > -- > View this message in context: http://www.nabble.com/-TRINIDAD-- > Table-with-each-row-own-css-style-tp18000357p18000357.html > Sent from the MyFaces - Users mailing list archive at Nabble.com. >
