selectBooleanCheckbox Align Problem

[sergiolemos]

Hello, I'm Sérgio Lemos and I bought the ULTIMA premium theme, however I'm having problems using the component p: selectBooleanCheckbox because its alignment is wrong, how can I fix it? Since I bought the theme I can not use this component properly because of its alignment, and as I bought it, I thought there would be no layout issues.



https://drive.google.com/file/d/0B0sznX ... pUTGM/view

[mert.sincan]

Hi @sergiolemos,

Which PrimeFaces version are you using? Please try 6.0.13.

[sergiolemos]

I do not have access to version 6.0.13 download by maven, I'm not primefaces elite / pro, just bought the theme

[mert.sincan]

Please try;

Code: Select all

<style type="text/css">
   body.layout-compact .ui-chkbox.myBooleanCheckbox .ui-chkbox-label {
      margin: 0 0 0 8px;
   }
            
   body.layout-compact .ui-chkbox.myBooleanCheckbox {
      width: auto;
   }
</style>

// xhtml
<p:selectBooleanCheckbox itemLabel="Hello World!" styleClass="myBooleanCheckbox"></p:selectBooleanCheckbox>

[sergiolemos]

thanks for help, good job

[mert.sincan]

You're welcome!