更改手风琴面板选项卡的颜色

Question

我正在使用primefaces的手风琴面板.在选项卡内部,我有以编程方式创建的表单.每个表单都有一个提交按钮.现在我想更改选项卡的颜色,如果已提交此选项卡的表单.那么有可能改变一个特定标签的颜色,我怎么能设法使这个工作？

我想我必须使用这里提到的不同的样式类,但我不太确定如何使用它们.

如何从辅助bean突出显示primefaces树节点

任何帮助表示赞赏

Answer 1

您可以使用titleStyleClass该的<p:tab>标签这一点.例如

<p:accordionPanel>
    <p:tab title="Step 1" titleStyleClass="#{bean.step1Completed ? 'completed' : ''}">
        ...
    </p:tab>
    <p:tab title="Step 2" titleStyleClass="#{bean.step2Completed ? 'completed' : ''}">
        ...
    </p:tab>
    <p:tab title="Step 3" titleStyleClass="#{bean.step3Completed ? 'completed' : ''}">
        ...
    </p:tab>
</p:accordionPanel>

这将completed在条件返回时将选项卡的CSS样式类设置为true.您可以.completed {}在自己的style.css文件中的样式类中指定所需的CSS,该文件放在/resources文件夹中并包含<h:outputStylesheet name="style.css">.

.completed {
    background: pink;
}