JSF / CSS / Trinidad
Note - these three are part of a delivery from IBM ILog and cannot be changed
JSF 1.2-1.2_07-b03-FCS
JSTL 1_1-mr2 (special build)
Trinidad 1.2.8
Java 1.6.0_22-b04
Eclipse 3.6.0 (Helios)
Tomcat 6.0.28 (needs to run also on Weblogic)
IE 7.0.5730.13
Firefox: 6.0
Modest experience in JSF, almost none in CSS.
JSP file: ...
<tr:form>
<h:panelGrid
columns="2"
border="2">
<h:panelGrid
style="
background-color: Yellow;
bottom: 0px; left: 0px; right: 0px; top: 0px;
width: 150px">
<tr:outputLabel
inlineStyle="font-size: 16px"
value="#{msg.activityType}"
for="activityType"
shortDesc="#{msg.titleFreqToolTipActivityType}"/>
</h:panelGrid>
<!--... more panel grids-->
</h:panelGrid>
</tr:form>
The label shows a Yellow backgound
Change to this -
JSP file: ...
<tr:form>
<h:panelGrid
columns="2"
border="2">
<h:panelGrid
styleClass="panelGridA">
<tr:outputLabel
inlineStyle="font-size: 16px"
value="#{msg.activityType}"
for="activityType"
shortDesc="#{msg.titleFreqToolTipActivityType}"/>
</h:panelGrid>
<!--... more panel grids-->
</h:panelGrid>
</tr:form>
CSS file:
.panelGrid.panelGridA {
background-color: Yellow;
bottom: 0px; left: 0px; right: 0px; top: 0px;
width: 150px;"
}
Result is not Yellow and the formatting ignored.
This type of code has worked with dataTable, so somewhat baffling.
Ideas?
Thanks, John