REOLVIDO - JSF - Problemas no layout com panelGrid

Front-end
#1

fala galera,

estou com um problema para arrumar o layout de uma tela de cadastro,
inicialmente eu tinha inserido um h:panelGrid com 3 colunas e seguia
mais ou menos o padrão abaixo:

<h:panelGrid columns="3">
    <h:outputLabel for="cpf" value="CPF*"/>
    <h:inputText id="cpf" value="#{funcionario.fncnr.cpf}"
maxlength="14" size="12" required="true" onkeypress="return
mascara(this, 'CPF', event)" onblur="mascara(this, 'cpf', null);">
    <h:inputText />
    <rich:message for="cpf" errorClass="msgValidationError">
         <f:facet name="passedMarker">
       <h:graphicImage value="../../imagens/correto.gif"/>
         </f:facet>
         <f:facet name="errorMarker">
       <h:graphicImage value="../../imagens/erro.gif"/>
         </f:facet>
    </rich:message>
</h:panelGrid>

Só que ai surgiu a necessidade de inserir uma quarta coluna em dois
campos, ai eu tinha alterado o panelGrip para 4 colunas e inserido um
h:outputText em todos os campos que não precisava da quarta coluna e
nos que precisava eu inseri um f:selectItems.

Só que ai o select fica alinhado com o maior inputText que tiver na
coluna anterior a dele…

Queria alguma solução pra colocar como se fosse um panelGrid dentro de
outro ou algo parecido…

Alguém sabe como fazer isso? Desde já obrigado… :lol:

/********************************************************/

Resolvi da seguinte forma, não sei se é o correto:

<h:outputLabel for="tlfn02" value="Telefone"/>
<h:panelGrid columns="2">
	<h:inputText id="tlfn02" value="#{funcionario.tlfn02.nmroTlfn}" maxlength="13" size="9" onkeypress="return mascara(this, 'TEL', event)" onblur="mascara(this, 'TEL', null);">
		<f:validateLength minimum="13" maximum="13"/>
	</h:inputText>
	<h:selectOneMenu id="tipTlfn02" value="#{funcionario.tlfn02.tipTlfn}">
		<f:selectItems value="#{tipoTelefone.tiposTelefone}"/>
		<f:converter converterId="TipTlfnConverter"/>
	</h:selectOneMenu>
</h:panelGrid>
<h:outputText />
#2