How to place elements among each other

Question

hi,
how can i place checkboxes among each other, so that i have such design:
checkbox 1 value 1
checkbox 2 value 2
checkbox 3 value 3
and so on...
i use following component:
<h:selectManyCheckbox>
     <f:selectItems/>
</h:selectManyCheckbox>i've tried also these ones, but it didn't help:
<h:selectManyCheckbox>
<h:outputText value="<br>" escape="false"/>
     <f:selectItems/>
<h:outputText value="<br>" escape="false"/>
</h:selectManyCheckbox>i always get all my checkboxes in one line:
checkbox 1 value 1 checkbox 2 value 2 checkbox 3 value 3
Maybe i can specify the style-attribute in <h:selectManyCheckbox> to force the line break?
anybody how already solved such problem?

Answer 1

ok, i did it you say, but now i get an exception:
Could not find component 'tom' (calling findComponent on component 'imageForm:_id19:0:_id21')
here the code:
fill tomahawk component with selectedItems
<h:panelGrid columns="1" styleClass="myFont">
     <h:column>
     <t:selectManyCheckbox value="#{dataBean.selectedItems}" id="tom" onclick="this.form.submit()" layout="spread">
          <f:selectItems value="#{dataBean.items}" id="selectTomaHawkItems"/>
     </t:selectManyCheckbox>
     </h:column>
</h:panelGrid>place tomahawk-components in dataTable
<h:panelGrid columns="1">
     <h:column>
          <h:dataTable value="#{dataBean.myList}" binding="#{MyDataBean.htmlDataTable}">
             <h:column>
                  <t:checkbox index="#{MyDataBean.htmlDataTable.rowIndex}" for="tom"/>
             </h:column>
         </h:dataTable>
     </h:column>
</h:panelGrid>and MyDataBean has following lines:
private HtmlDataTable htmlDataTable = new HtmlDataTable();
     public HtmlDataTable getHtmlDataTable() {
          return htmlDataTable;
     public void setHtmlDataTable(HtmlDataTable htmlDataTable) {
          this.htmlDataTable = htmlDataTable;
     public int getRowIndex() {
          return htmlDataTable.getRowIndex();
     }