0

I have a problem regarding rendering h:selectBooleanCheckbox after ajax event on selectOneMenu is triggered.

When I open the page the select items displays values (Tip) and checkbox near select item is rendered OK (picture bellow). enter image description here

Then when I change value in select item the checkbox style changes (picture below). enter image description here

I am using also Primefaces version 5.2

HTML code:

<p:selectOneMenu value="#{someController.purpose}" id="purpose">
  <f:selectItems value="#{someController.typeOptions.values()}" var="option" itemValue="#{option.value}" itemLabel="#{option.label}" />
  <p:ajax event="change" update="priorityGroup" />                 
</p:selectOneMenu>
                 
<h:panelGroup id="priorityGroup" style="padding-left: 30px;">
  <h:selectBooleanCheckbox id="priority" value="#{someController.priority}"/>  
</h:panelGroup>
Kukeltje
  • 12,223
  • 4
  • 24
  • 47
michas
  • 35
  • 1
  • 5
  • Your snippet's code is not so much helpful. – aavrug Dec 27 '16 at 10:22
  • This question is not PrimeFaces related. PF is **not** responsible for the css of an `h:selectBooleanCheckbox`. To me it looks like you have some custom css that is initially not applied or afterwards not. – Kukeltje Dec 27 '16 at 10:42
  • I agree with you that Primefaces are not responsible for the strange behavior. I have just added as an info that Primefaces are also present in my environment. Will check for any custom css. Thank you! – michas Dec 27 '16 at 10:55
  • By creating a [mcve] you will most likely find the cause. – Kukeltje Dec 27 '16 at 11:55
  • Have solved the problem. There were a css included that cause the issue. Thank you. – michas Dec 28 '16 at 08:52

0 Answers0