selectCheckboxMenu: items are shown with bold font

Question

I don't know how to remove the bold property to the font of selectCheckboxMenu items

declared in the .xhtml:

<style type="text/css">
    .ui-selectonemenu-trigger{width:24px !important;margin-left:9px !important;}
    .ui-selectcheckboxmenu-trigger{width:24px !important;margin-left:9px !important;}
    .ui-selectcheckboxmenu-header:before{font-weight:normal;margin-left:10px;content: "Selecciona/Deselecciona todos";}
    .ui-selectcheckboxmenu-label{font-weight:normal !important;}
    .ui-selectcheckboxmenu-header{font-weight:normal !important;}
</style>

selectCheckboxMenu declared in the .xhtml:

<p:selectCheckboxMenu  id="adaptacionDiscapacidadSelectOne" 
                       value="#{solicitudMB.listaAdaptacionLabelSelected}"
                       panelStyle="width:500px" filter="false"
                       label="Selec. adaptación/es" style="font-weight:normal !important;"
                       styleClass="field-column-2">
    <f:ajax event="change" update=":generalform:accordionPanel:form_datosConvocatoria3:customPanel5 @form"
            render=":generalform:accordionPanel:form_datosConvocatoria3:customPanel5"
            listener="#{solicitudMB.isOtraAdaptSelected()}"/>
    <f:ajax event="toggleSelect" update=":generalform:accordionPanel:form_datosConvocatoria3:customPanel5 @form"
            render=":generalform:accordionPanel:form_datosConvocatoria3:customPanel5"
            listener="#{solicitudMB.isOtraAdaptSelected()}"/>
    <f:selectItems value="#{solicitudMB.listaAdaptacionLabel}"/>
</p:selectCheckboxMenu>

Thank you in advance!

[SOLUTION] by @Geinmachi add this in the CSS .ui-selectcheckboxmenu-panel[id*="adaptacionDiscapacidadSelectOne"] .ui-selectcheckboxmenu-item label { font-weight:normal !important; }

It is `render` not `update` in ``. You had better replace `` with ``. — Tiny, Feb 18 '16 at 11:09

Geinmachi · Accepted Answer · 2016-02-18T11:33:45.167

3

Every label in p:selectOneMenu whose id contains phrase adaptacionDiscapacidadSelectOne will not be bold:

.ui-selectcheckboxmenu-panel[id*="adaptacionDiscapacidadSelectOne"] .ui-selectcheckboxmenu-item label {
    font-weight:normal !important;
}

edited Feb 18 '16 at 11:33

answered Feb 18 '16 at 11:22

Geinmachi

1,251
1
8
20

selectCheckboxMenu: items are shown with bold font

1 Answers1