移动 rich:simpleTogglePanel 的打开/关闭标记答案

【问题标题】：Move the open/close marker of rich:simpleTogglePanel移动 rich:simpleTogglePanel 的打开/关闭标记
【发布时间】：2013-04-09 21:21:41
【问题描述】：

我有一个 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>

我想将打开/关闭标记（我已分别制作的 ^ 和 > 移动到面板的左侧。

我尝试在 myHeaderClass 中使用 float:left 以及 float:left !important 和 float:left;text-align:right。

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

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

【问题讨论】：

我现在感觉自己像个白痴，就在发布这个问题后，我找到了答案。只需添加： .rich-stglpanel-marker{ float: left;我不知道为什么会这样，但是当我将它添加到我的标题类时它不会。无论如何，希望这对其他人也有帮助。如果没有发布答案，将在 7 小时内将其作为答案发布。如果有更清洁/更好的方法，请告诉我。

标签： jsf richfaces myfaces

【解决方案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

【讨论】：

感谢您的回复，这为我清除了问题。是否有一种方法可以为标记定义我自己的类，类似于我定义标头类的方式？
@Vinc 否。您必须覆盖 RichFaces 提供的那些。