我正在使用primefaces的手风琴面板.在选项卡内部,我有以编程方式创建的表单.每个表单都有一个提交按钮.现在我想更改选项卡的颜色,如果已提交此选项卡的表单.那么有可能改变一个特定标签的颜色,我怎么能设法使这个工作?
我想我必须使用这里提到的不同的样式类,但我不太确定如何使用它们.
@L_403_0@
任何帮助表示赞赏
解决方法
您可以使用< p:tab>的titleStyleClass.为此标记.例如.
<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>
这将在条件返回true时将选项卡的CSS样式类设置为已完成.您可以在自己的style.css文件中的.completed {}样式类中指定所需的CSS,该文件放在/ resources文件夹中,并包含在< h:outputStylesheet name =“style.css”>中.
.completed { background: pink; }