Question

我需要覆盖单个RichFaces组件。我在下面有一个simpleTogglePanel。

<rich:simpleTogglePanel headerClass="toggleheadder" switchType="client" label="Status">
    <f:facet name="closeMarker">
        <h:graphicImage value="${pageContext.request.contextPath}/img/closeMarker.png" style="cursor:pointer">
        </h:graphicImage>
    </f:facet>
    <f:facet name="openMarker">
        <h:graphicImage value="${pageContext.request.contextPath}/img/openMarker.png" style="cursor:pointer">
    </h:graphicImage>
    </f:facet>
</rich:simpleTogglePanel>

根据Richfaces文档，我可以使用像这样的CSS覆盖整个类的样式 http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html/ArchitectureOverview.html#customstyles

.rich-stglpanel-body {
text-align:left;
padding-top:10px;
padding-bottom:10px;
vertical-align:top;
}

唯一的问题是当我只需要更改一个时，它会改变页面上每个togglePanel的样式。有谁知道如何为单个RichFaces元素更改此属性？

Answer 1

根据simpleTogglePanel doc，您可以指定bodyClass和headerClass属性的值。简单地创建您的样式并将其用作面板中bodyClass属性的值。

如何覆盖单个RichFaces组件的样式

1 个答案: