2009-12-21 31 views
0

我在我的應用程序中使用了豐富的面板控件。控制有一些問題。Rich faces panelBar的問題?

的代碼是一些這樣的事

<rich:panelBar contentClass="some-class"> 
    <rich:panelBarItem label="Panel 1" headerClass="some-css-class"> 
     Contents 1 
    </rich:panelBarItem> 
    <rich:panelBarItem label="Panel 2" headerClass="some-css-class"> 
     Contents 2 
    </rich:panelBarItem> 
    <rich:panelBarItem label="Panel 3" headerClass="some-css-class"> 
     Contents 3 
    </rich:panelBarItem> 
</rich:panelBar> 

現在我wan't以顯示活動面板項目綠色和所有其他的標題背景顏色應爲藍色。我嘗試使用面板欄的'headerClassActive'屬性,但不工作。

有什麼遺漏的。

+1

headerClassActive應該工作。檢查WebDeveloper插件是否已分配相應的類 – Bozho 2009-12-21 11:39:13

回答

0

所以經過多次嘗試,我得到了解決方案。我不知道爲什麼這是使用「headerStyleActive」完成的,但它工作正常。

<rich:panelBar contentClass="some-class"> 
    <rich:panelBarItem label="Panel 1" headerClass="some-css-class" headerStyleActive="background-color:green;"> 
     Contents 1 
    </rich:panelBarItem> 
    <rich:panelBarItem label="Panel 2" headerClass="some-css-class" headerStyleActive="background-color:green;"> 
     Contents 2 
    </rich:panelBarItem> 
    <rich:panelBarItem label="Panel 3" headerClass="some-css-class" headerStyleActive="background-color:green;"> 
     Contents 3 
    </rich:panelBarItem> 
</rich:panelBar> 

我所做的一切是用來headerStyleActive豐富的特性:panelBarItem,而不是headerClassActive。這是工作代碼。

我從this頁面得到了這個解決方案。

1

在你的css文件中定義.rich-panelbar-header-act類並覆蓋你的具體細節。

例如 .rich-panelbar-header-act {background} color:blue; }