0

次のように設定された 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>

開閉マーカー(作成した ^ と > をそれぞれパネルの左側に移動したい。

float: left in myHeaderClass と float:left !important および float:left;text-align: right を使用してみました。

これを行う方法を説明するものはどこにも見つかりません.simpleTogglePanel全体の機能を示しているサイトで見つけたスタイリングは、私が持っていなかったすべてのように見えました.

私は JSF 1.2 (Apache MyFaces 実装) と Richfaces 3.3 を使用しています。

4

1 に答える 1

0

マーカーを制御する CSSrich:simpleTogglePanelはrich-stglpnl-marker、RichFaces リファレンス ガイドのとおりです (下にスクロールして、コンポーネントの外観セクションを定義するクラス名を探します)。

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

一方headerClass、ヘッダー要素のみに適用されます。

headerClass    applicable to header elements
于 2013-04-17T08:26:15.073 に答える