Estou tentando colocar os painéis mostrados abaixo lado a lado mas nao estou conseguindo como devo fazer para obter este resultado?
alguem pode dar uma dica?
Já resolvi usando <h:column>
A forma mais correta de fazer isto é utilizando CSS. Com o uso de tabelas, perde-se muito em manutenibilidade, padronização e acessibilidade.
Crie um painel geral e defina a quantidade de colunas dele.
Dentro dele vc coloca os outros paineis ou componentes.
<h:panelGrid columns="2" idth="100%">
<h:panelGrid id=1"/>
<h:panelGrid id=2"/>
</h:panelGrid>
O problema do <h:panelGrid> é justamente criar um layout com tabelas. Funciona, mas não é a melhor opção.
Usa facelets!!!