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>

现在我不想显示活动面板项目绿色的标题背景颜色，所有其他颜色应该是蓝色。我使用面板栏的'headerClassActive'属性尝试了它，但是无法正常工作。

是否有任何遗漏。

Answer 1

在你的css文件中定义.rich-panelbar-header-act类并覆盖你的细节。

e.g .rich-panelbar头幕{ 背景颜色：蓝色; }

Answer 2

经过多次尝试，我得到了解决方案。我不知道为什么使用“ 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>

我所做的只是 rich：panelBarItem 的 headerStyleActive 属性，而不是 headerClassActive 。这是工作代码。

我从this页面获得了此解决方案。

Rich faces panelBar有问题吗？

2 个答案: