Add styling to label generated by selectOneRadio

8.1k views Asked by At

How to add radio-inline control-label style classes to the label generated by this code?

<h:selectOneRadio>
    <f:selectItem itemValue="0" itemLabel="Male" />
    <f:selectItem itemValue="1" itemLabel="Female" />
</h:selectOneRadio>
2

There are 2 answers

0
BalusC On BEST ANSWER

You can use enabledClass and disabledClass attributes for this. They will be applied on the rendered label. Assuming that you don't have disabled items, this should do.

<h:selectOneRadio enabledClass="radio-inline">
    ...
</h:selectOneRadio>

An alternative is to redefine the CSS selector as follows in order to select and style the labels.

<h:selectOneRadio styleClass="radio-inline">
    ...
</h:selectOneRadio>
.radio-inline label {
    ...
}

A completely different alternative is to manually customize the radio buttons, see also <h:selectOneRadio> renders table element, how to avoid this?

1
electricalbah On

It is possible to add class to the Labels of selectOneRadio

<h:selectOneRadio disabledClass ="radio-inline" enabledClass ="radio-inline">