Ajudinha.
Sou iniciante em jsf, estou com uma duvida.
Possuo na minha pagina uma lista de radio button, da seguinte forma:
<h:selectOneRadio id="teste" value="#{xxx.teste}" layout="pageDirection">
<f:selectItems value="#{xxx.lista}" />
</h:selectOneRadio>
Estou precisando colocar essa lista de radios em 2 colunas, já tentei algumas formas porém sem sucesso.
alguem sabe?
Tenta colocar dentro da tag <h:panelGrid > utilizando o numero de colunas q vc deseja q nesse caso sao duas
dessa forma:
[code]<h:panelGrid columns=“2”>
<h:selectOneRadio id=“teste” value="#{xxx.teste}" layout=“pageDirection”>
<f:selectItems value="#{xxx.lista}" />
</h:selectOneRadio>
</h:panelGrid>[/code]
testa ae e ve se funciona
Dá uma olhada neste post pra ver se te ajuda.
http://www.guj.com.br/java/236782-como-eu-crio-um-group-de-selectoneradio
como está escrito lá, para colocar um do lado do outro (layout=“lineDirection”).
<h:selectOneRadio layout=“lineDirection”>
essa opção faz com que todos os radios ficam um do lado do outro, e nao é isso que quero =(
preciso de 2 colunas
Bom… se nada está dando certo com JSF use CSS e HTML.
Crie 2 divs na página e crie css:
div1{float:left;}
div2{float:right;}
Ou até mesmo o próprio atributo style do panelGrid resolverá:
<h:panelGrid columns="2" style="float:left;">
<h:selectOneRadio value="1" >
<f:selectItem itemValue="F" itemLabel="F"/>
</h:selectOneRadio>
<h:selectOneRadio value="2">
<f:selectItem itemValue="M" itemLabel="M"/>
</h:selectOneRadio>
</h:panelGrid>
<h:panelGrid columns="2" style="float:right;">
<h:selectOneRadio value="1" >
<f:selectItem itemValue="M" itemLabel="M"/>
</h:selectOneRadio>
<h:selectOneRadio value="2">
<f:selectItem itemValue="F" itemLabel="F"/>
</h:selectOneRadio>
</h:panelGrid>
Espero ter ajudado.
Resolvi usando java Script