2011-09-01 38 views
0

JSF/CSS /特立尼达CSS为的<h:panelGrid的

注 - 这三者是从IBM ILOG递送的一部分并且不能被改变

JSF 1.2-1.2_07-B03-FCS

JSTL 1_1-MR2(特殊版本)

特立尼达1.2.8

的Java 1.6.0_22-B04

的Eclipse 3.6.0(太阳神)

的Tomcat 6.0.28(需要同时运行EJB)

IE 7.0.5730.13

火狐:6.0

在JSF适度的经验,几乎没有在CSS中。

JSP文件: ...

<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> 

标签显示一个黄色backgound

切换到这一点 -

JSP文件: ...

<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文件:

panelGrid.panelGridA { 
    background-color: Yellow; 
    bottom: 0px; left: 0px; right: 0px; top: 0px; 
    width: 150px;" 
} 

结果不是黄色,忽略格式。

这种类型的代码与dataTable一起工作,所以有点莫名其妙。

想法?

感谢, 约翰

回答

1

删除panelGrid中的CSS选择或改变table.panelGridA, H:panelGrid的被渲染到HTML表格

此外,添加的重要标记,此改变其他!建在你可能有的CSS)

.panelGridA { 
    background-color: Yellow !important; 
    bottom: 0px; left: 0px; right: 0px; top: 0px; 
    width: 150px;" 
} 
+0

它的工作原理。谢谢。 –