Prime Community Forum

Posted: **14 Sep 2020, 07:36**

Hi. When attempting to use selectBooleanCheckbox the itemLabel is displayed incorrectly. If I modify the demo to use the selectedBooleanCheckbox as per below the labels are pushed below the crammed checkboxes. Is there something I am missing?

Code: Select all

<div class="card card-w-title">
                           <h1>Checkboxes</h1>						
                             <p:panelGrid columns="4">
							<p:selectBooleanCheckbox itemLabel="Xbox" value="Xbox One" />
							<p:selectBooleanCheckbox itemLabel="PS4" value="PS+" />
							<p:selectBooleanCheckbox itemLabel="Wii" value="Wii U" />
							<p:selectBooleanCheckbox itemLabel="PC" value="PC" />
			   </p:panelGrid>
</div>

Posted: **15 Sep 2020, 03:35**

Adding the following override makes the checkbox display OK.

Code: Select all

body .ui-chkbox {
    width: auto !important;
}

Posted: **28 Sep 2020, 11:22**

Fixed for the next version. For now, please try;

Code: Select all

body .ui-selectbooleancheckbox {
    width: auto;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

Prime Community Forum

selectBooleanCheckbox

selectBooleanCheckbox

Re: selectBooleanCheckbox

Re: selectBooleanCheckbox