How to align items inside the selectManyCheckbox ?

[Sathya Vantheymatharam]

Hi All,

i want to align the items inside the selectManyCheckBox.

<h:selectManyCheckbox value="#{baseAction.hlrAppService.eps.notAllowedRATTypes}">
<f:selectItem itemLabel="A" itemValue="LAN" />
<f:selectItem itemLabel="B" itemValue="RAN" />
<f:selectItem itemLabel="C" itemValue="GRAN" />
<f:selectItem itemLabel="D" itemValue="GAN" />
<f:selectItem itemLabel="E" itemValue="HION" />
<f:selectItem itemLabel="F" itemValue="CX" />
<f:selectItem itemLabel="G" itemValue="HD" />
<f:selectItem itemLabel="H" itemValue="UB" />
</h:selectManyCheckbox>
All the items are getting displayed in a single line but I want to display only 3 item in a line? is there any way to do this?


Thanks in Advance.

[John Tannel]

Sathya,

As far as I know there is no good way to accomplish this without third party libraries. In my old project, we ended up using multiple select many checkboxes, each with their own setters and getters. When a setter was called, it would simply set the list for it's own data field. When we needed a master list, we had a method that would concatenate the two lists and return it. We only needed 2 columns so it was easy to hardcode two selectMany's and use layout="pageDirection" . If you need a dynamic number of rows/columns then I'm not sure what you could do. I hope this helps some.

[Aba Dov]

Hi,
you could use tomahawk lib

<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>

and use layout and layoutWidth attribute

<t:selectManyCheckbox id="anId"  layout="lineDirection" layoutWidth="3" 	  value="#{Bean.aaa}"	>
					<f:selectItems value="#{bean.valuess}"/>
</t:selectManyCheckbox>

Regards