primefaces tristatecheckbox 标签左侧答案

【问题标题】：primefaces tristatecheckbox label left sideprimefaces tristatecheckbox 标签左侧
【发布时间】：2019-10-21 21:03:34
【问题描述】：

如何将primefaces TriStateCheckbox的itemLabel放在复选框的左侧而不是默认的右侧位置。

<p:triStateCheckbox value="#{handler.readyFlag}" 
        itemLabel="#{labels.aktiv}"
        converter="triStateConverter">
                <p:ajax event="change" update="workflowEventTbl"
                        listener="#{handler.createDataModel}"
                        partialSubmit="true"/>
</p:triStateCheckbox>

解决方法：我可以在它前面放一个标签，但它不像 TriStateCehckbox 上的标签那样“可点击”

<h:outputText value="#{labels.aktiv}"/>
<p:triStateCheckbox value="#{handler.readyFlag}"
    converter="triStateConverter">
        <p:ajax event="change" update="workflowEventTbl"
                listener="#{handler.createDataModel}"
                partialSubmit="true"/>
</p:triStateCheckbox>

【问题讨论】：

标签： jsf primefaces tri-state-logic

【解决方案1】：

您可以创建 CSS 规则以浮动到左侧的标签。例如：

html .ui-chkbox .ui-chkbox-label {
  float: left;
}

当然，您可以将样式类添加到您的 p:triStateCheckbox 并创建更具体的规则。

另见：

How do I override default PrimeFaces CSS with custom styles?

【讨论】：