Dúvida com ice:selectManyCheckbox

Front-end
#1

Bom dia,

to fazendo um campo onde o usuário pode escolher vários checkbox e eu tenho 30 deles…
Alguém ai pode me ajudar fazer uma ‘quebra’ de linha ? pq do jeito que ta, ele vai criando os checkbox até exceder a largura da minha página…

<ice:selectManyCheckbox style=""> <f:selectItem itemValue="1" itemLabel="a"/> <f:selectItem itemValue="2" itemLabel="b"/> <f:selectItem itemValue="3" itemLabel="c"/> (...) </ice:selectManyCheckbox>

se alguém puder me ajudar, obrigado.

#2

use layout = pageDirection

#3

tentei aqui, mas, agora excede o tamanho na vertical… não existe uma forma pra definir quantas linhas e colunas o componente terá ?
;obrigado

#4

ja tentou ler a documentacao?

http://www.icefaces.org/docs/v1_8_0/tld/ice/selectManyCheckbox.html

#5

Sim, na propriedade ‘layout’ existem 3 propriedades diferentes… a que vc sugeriu (que deixa todos os checkbox em uma coluna só, excedendo o tamanho na vertical), a ‘spread’ que quando eu a coloco o componente nem aparece e também a default ‘lineDirection’ (que deixa todos na mesma linha, excedendo o tamanho na horizontal).
De qualquer forma, obrigado pela ajuda.

#6

Ta ficando um do lado do outro, excedendo na horizontal??? Mas vc tb não quer que exceda na vertical, é isso???

#7

Isso. Por exemplo, como tem 30 checkbox, queria que ficasse com 10 colunas e 3 linhas…

#8

Ja tentou um table dentro do select???

&lt;ice:selectManyCheckbox style=""&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;!-- Coluna 1 --&gt; &lt;f:selectItem itemValue="1" itemLabel="a"/&gt; &lt;f:selectItem itemValue="2" itemLabel="b"/&gt; &lt;f:selectItem itemValue="3" itemLabel="c"/&gt; &lt;/td&gt; &lt;td&gt;&lt;!-- Coluna 2 --&gt; &lt;f:selectItem itemValue="4" itemLabel="d"/&gt; &lt;f:selectItem itemValue="5" itemLabel="e"/&gt; &lt;f:selectItem itemValue="6" itemLabel="f"/&gt; &lt;/td&gt; ... &lt;td&gt;&lt;!-- Coluna 10 --&gt; &lt;f:selectItem itemValue="28" itemLabel="x"/&gt; &lt;f:selectItem itemValue="29" itemLabel="y"/&gt; &lt;f:selectItem itemValue="30" itemLabel="z"/&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/ice:selectManyCheckbox&gt;

Ai vc poderia ajeitar a tamanho e largura com CSS.

Seria isso???

Perguntinha basica! Pq vc tem 30 checks???

#9

Lamentavelmente estou tendo o mesmo problema, com o h:selectManyCheckbox.

Ou fica lineDirection ou PageDirection.
Também precisava distribuir igualmente em linhas e colunas.
Devo ter uns 15 itens, então seriam 3 linhas de 5 itens.

Alguém já resolveu isso?

#10