Question

我有一个simpleTogglePanel设置如下：

<rich:simpleTogglePanel
    headerClass="myHeaderClass"
    opened="false"
    switchType="client" style="border: 0px;" bodyClass="myBodyClass">
    <f:facet name="header">
        <h:outputText styleClass="panelHeader" value="#{myBean.header}"></h:outputText>
    </f:facet>
    <f:facet name="closeMarker">
        <h:outputText value="^"/>
    </f:facet>
    <f:facet name="openMarker">
        <h:outputText value=">" />
    </f:facet>
    Content
</rich:simpleTogglePanel>

我想移动打开/关闭标记（我已经将^和＆gt;分别移动到面板的左侧。

我试过在myHeaderClass中使用float：left以及float：left！important和float：left; text-align：right。

我找不到任何可以解释如何做到这一点的东西。我在人们展示simpleTogglePanel整体功能的网站上找到了样式，这似乎是我没有的。

我正在使用JSF 1.2（Apache MyFaces Implementation）和Richfaces 3.3。

Answer 1

根据RichFaces reference guide管理rich:simpleTogglePanel中标记的CSS为rich-stglpnl-marker（向下滚动以定义组件外观部分的类名称）

rich-stglpnl-marker     Defines styles for a wrapper <div> element of a marker

headerClass仅适用于标题元素。

headerClass    applicable to header elements

移动rich：simpleTogglePanel的打开/关闭标记

1 个答案: