On my xhtml page, I've implemented p:selectOneRadio
. However, I'm struggling to remove the default style class .ui-helper-hidden-accessible
, resulting in the radio button icons not being visible.
Here's a snippet of my code:
<p:selectOneRadio
id="whetherRegisteredThroughEdistrictApp"
layout="grid" value="#{loginMBean.whetherCitizenUser}"
required="true" requiredMessage="#{i18n['errmsg-req-fields']}"
>
<f:selectItem itemLabel="Yes" itemValue="#{true}" />
<f:selectItem itemLabel="No" itemValue="#{false}" />
<p:ajax event="change" update="notcitizenUserDiv, citizenUserDiv" />
</p:selectOneRadio>