Проблема с богатыми гранями panelBar?

Question

Я использую панель управления панелями богатых лиц в моем приложении. Там есть какая-то проблема с контролем.

код некоторые вещи, как это

<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 панели панели, но не работает.

Есть ли какая-либо вещь отсутствует.

Answer 1

Так что после многих попыток я получил решение. Я не знаю, почему это делается с помощью «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.

Answer 2

В вашем файле css определите класс .rich-panelbar-header-act и переопределите его специфику.

например .rich-panelbar-header-act { background-color: blue; }