Primefaces selectCheckboxMenu not working properly

1.8k Views Asked by At

I'm using primefaces selectCheckboxMenu with multiple= "true". I'm having 2 issues with this tag now.

  1. That token at right side of the checkboxmenu is not aligned properly
  2. Unable to see the label attribute value when multiple="true".

Can anyone help me with this?

I'm attaching a sample code with this question.

<h:panelGroup  class="ui-grid ui-grid-responsive ui-fluid">
                    <p:panelGrid layout="grid" columns="3" columnClasses="ui-grid-col-4,ui-grid-col-8,ui-grid-col-2">
                        <h:panelGroup>
                            <p:outputLabel for="item1" value="Item1:" styleClass="required" />
                            <BR />
                            <p:selectOneMenu id="item1" value="#{myObj.prop1.alpha}">
                                <f:selectItem itemLabel="-Choose One-" itemValue="" />
                                <f:selectItems value="#{mymethod.getSimpleCategoryList('13521')}" var="labelValue" itemLabel="#{labelValue.label}"
                                    itemValue="#{labelValue.value}" />
                            </p:selectOneMenu>
                        </h:panelGroup>
                        <h:panelGroup>
                            <p:outputLabel for="item2" value="item2:" styleClass="required" />
                            <BR />
                            <p:selectCheckboxMenu id="item2" value="#{myObj.prop1.beta}" label="myLabel" filter="true" filterMatchMode="startsWith" multiple="true">
                                <f:selectItems value="#{myBean.allBeta}"  var="labelValue" itemLabel="#{labelValue.label}"
                                    itemValue="#{labelValue.value}"/>
                            </p:selectCheckboxMenu>
                        </h:panelGroup>
                        <h:panelGroup styleClass="Fright">
                            <h:panelGroup class="EmptyBox20" />
                            <p:commandButton id="addToListBtn" icon="fa fa-plus" title="Add to List" styleClass="blueButton" action="#{myBean.saveItem(myObj)}"
                            value="Add to List"/>
                        </h:panelGroup>
                    </p:panelGrid>
</h:panelGroup>
0

There are 0 best solutions below