2013-04-17 60 views
0

我有一個simpleTogglePanel設置如下:移動豐富的開/關標記: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:左;文本對齊:右鍵

無處我能找到的任何東西,解釋如何做到這一點我在人們展示simpleToggleP功能的網站上發現的造型整體而言,這似乎是我沒有的。

我正在使用JSF 1.2(Apache MyFaces Implementation)和Richfaces 3.3。

+0

我現在覺得自己像一個白癡,只是在發佈這個問題後,我找到了答案。 只需添加: .rich-stglpanel-marker { \t float:left; } 我不知道爲什麼這個工作,但它不會當我將它添加到我的頭類。 無論如何希望這對其他人也有幫助。如果沒有回覆,請在7個小時內發佈回答。如果有更清潔/更好的方法可以做到這一點,請告訴我。 – Vinc

回答

0

CSS支配標記在rich:simpleTogglePanelrich-stglpnl-marker按照RichFaces reference guide(向下滾動該定義組件外觀部分的類名稱)

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

鑑於headerClass適用於僅標頭元素。

headerClass applicable to header elements 
+0

感謝您的回覆,這爲我解決了問題。是否可能有一種方法來爲類似於我定義頭類的標記定義我自己的類? – Vinc

+0

@Vinc號你必須重寫由RichFaces提供的。 –

+0

感謝您的幫助。 – Vinc