Oi gente, tudo bem?
Queria uma dica referente ao layout de uma página .xhtml minha.
Segue um esboço dela:
<h:panelGrid columns="2">
<!-- alguns inputs, autocompletes, etc... size = 40 -->
</h:panelGrid>
<h:panelGrid columns="4">
<p:outputLabel value="Valor de custo:" for="valorCusto" />
<p:inputText id="valorCusto" size="10" />
<p:outputLabel value="Valor de venda:" for="valorVenda" />
<p:inputText id="valorVenda" size="10" />
</h:panelGrid>
Meu problema é, quando eu mudo o padrão das colunas (duas colunas por linha), ou seja, quando quero que determinada linha tenha QUATRO componentes (dois labels, dois inputs), o alinhamento das colunas se perde, devido ao tamanho do label da primeira coluna (Ex: “Unidade de medida” > “Valor de custo”).
Como posso fazer para que fique tudo alinhado do jeito que eu quero?
Por favor, me ajudem. Muito obrigada!