+ Start a Discussion
TheMythicalTheMythical 

Grouping selectCheckbox on VF page

Hey,

 

I have a question regarding the UI on VF page. I have a multipicklist custom field which has ten values and  I want to display this custom field as checkboxes on the VF page. Now I use apex:selectCheckboxes tag, but the result is all the ten checkboxes are in one line(I don’t find any attribute on this tag to limit the numbers per line). Is there any way to display only three checkboxes in each line? Thanks!

 

Now:

box 1 box 2 box 3 box 4 … box 10

 

I want:

box 1 box 2 box 3

box 4 box 5 box 6

…..

box 10

 

Sincerely

TheMythical

wesnoltewesnolte

Hey

 

You could probably use css to do the trick. Trying using firebug in firefox or Chromes right-click>inspect element options to find the CSS class  each checkbox + label are using and override that style to manipulate it's display.

 

Cheers,

Wes 

TheMythicalTheMythical
could you please provide more details about how to write the css? Thanks!