1 Reply Latest reply on May 5, 2011 4:11 AM by lfryc

    Align dynamic manycheckbox

    eswaramoorthy1985

      Hi,

       

            I used <h:selectManyCheckbox> component.

       

      If i use this component, all checkboxes displayed in single line(layout=pageDirection).

      otherwise allcheckboxes displyed one by one(layout=lineDirection)

      .

       

      But i want display, first line three checkboxes and second line three checkboxes, third line three checkboxes and so on...

       

       

      <h:selectManyCheckbox id="checkBoxesId"
                            value="#{CheckBox2.selectedChoices}"
                            rendered="#{CheckBox2.choices != null and not empty CheckBox2.choices}">
               <f:selectItems value="#{CheckBox2.choices}" />
      
       </h:selectManyCheckbox>
      

       

      Bean : CheckBox2.java

       

      import java.util.ArrayList;
      import java.util.List;
      import javax.faces.model.SelectItem;
      
      public class CheckBox2
      {    
          private String[] selectedChoices;
          private List<SelectItem> choices;
      
          public CheckBox2()
          {           
              choices = new ArrayList<SelectItem>();
      
              choices.add(new SelectItem("First"));
              choices.add(new SelectItem("Second"));
              choices.add(new SelectItem("Third"));
              choices.add(new SelectItem("Fourth"));
              choices.add(new SelectItem("Fifth"));
              choices.add(new SelectItem("Sixth"));
              choices.add(new SelectItem("Seventh"));
              choices.add(new SelectItem("Eight"));
              choices.add(new SelectItem("Nine"));               
          }
      
          public String[] getSelectedChoices(){        return selectedChoices;
          }
      
          public void setSelectedChoices(String[] selectedChoices){
              this.selectedChoices = selectedChoices;
          }
      
          public List<SelectItem> getChoices(){        return choices;
          }
      
          public void setChoices(List<SelectItem> choices){
              this.choices = choices;
          }       
      }
      
      

       

      Totally i have 9 checkboxes. I want display three check boxes perline,

       

      Any other way to implement this

       

      Help me.

      Thanks in advance.

        • 1. Re: Align dynamic manycheckbox
          lfryc

          Hi Eswara,

           

          I'm afraid it would be not possible out of the box,

          but you could develop your own component using JSF 2 Composite Component capability.

           

          For aligning the components into columns you could use one of existing components, dataTable, panelGrid, etc.

          The markup should not be complex here.