Tamanho de colunas do h:panelGrid

104 views
Skip to first unread message

Victor Fugiwara

unread,
Jan 4, 2010, 3:14:22 PM1/4/10
to jav...@googlegroups.com
Fala pessoal,

é possível setar o tamanho das colunas de um h:panelGrid ?

Meu problema é uma página que tem um layout +/- assim:

<h:panelGrid columns="2">
    <h:outputText />
    <h:inputText />

    ... outros "blocos" de componentes
</h:panelGrid>

... mais componentes que não usam o layout de 2 colunas...

<h:panelGrid columns="2">
    <h:outputText />
    <h:inputText />

    ... outros "blocos" de componentes
</h:panelGrid>


Usando dessa forma as colunas do primeiro e do segundo bloco ficam desalinhadas, de acordo com os tamanhos dos componentes.

Se fosse possível setar o tamanho das colunas resolveria o problema, assim os dois panelGrids teriam as colunas com o mesmo tamanho e não iria ficar variando de acordo com o tamanho dos componentes dentro deles.


Alguém tem alguma idéia de como resolver isso ??

Carlos Antonio Rodrigues

unread,
Jan 4, 2010, 3:32:43 PM1/4/10
to jav...@googlegroups.com
usa div dentro do panelGrid, seta a largura e poe os componentes dentro....

2010/1/4 Victor Fugiwara <victorf...@gmail.com>:

> --
>
> Você está recebendo esta mensagem porque se inscreveu no grupo "javasf:
> JavaServer Faces Group" dos Grupos do Google.
> Para postar neste grupo, envie um e-mail para jav...@googlegroups.com.
> Para cancelar a inscrição nesse grupo, envie um e-mail para
> javasf+un...@googlegroups.com.
> Para obter mais opções, visite esse grupo em
> http://groups.google.com/group/javasf?hl=pt-BR.
>

--
[]'s
Carlos

Victor Fugiwara

unread,
Jan 5, 2010, 9:19:00 AM1/5/10
to jav...@googlegroups.com
Opa, valeu pela dica...
assim que li imaginei que teria que colocar uma div pra cada componente, o que ia causar um belo transtorno... mas consegui a seguinte solução/gambiarra:

<h:panelGrid columns="2" >
    <h:outputText> <div style="width:150px;" /> </h:outputText>
    <h:outputText> <div style="width:450px;" /> </h:outputText>


    <h:outputText />
    <h:inputText />

    ... outros "blocos" de componentes
</h:panelGrid>

... mais componentes que não usam o layout de 2 colunas...

<h:panelGrid columns="2">
    <h:outputText> <div style="width:150px;" /> </h:outputText>
    <h:outputText> <div style="width:450px;" /> </h:outputText>


    <h:outputText />
    <h:inputText />

    ... outros "blocos" de componentes
</h:panelGrid>


ou seja, logo depois do grid eu coloco os outputText correspondentes a cada coluna com o div setando o tamanho. Assim faço apenas uma vez e dali pra baixo segue o mesmo valor setado inicialmente.

2010/1/4 Carlos Antonio Rodrigues <carlos.a...@gmail.com>

Ricardo PinGuiM

unread,
Jan 5, 2010, 9:37:53 AM1/5/10
to jav...@googlegroups.com
ajuste técnico XD
Reply all
Reply to author
Forward
0 new messages