Cara.
Ja pedi ajuda pro papa para entendre pq quando eu coloco um <h:outputText ele fica desse jeito! no tamanho 5 =(
vejam a imagem em anexo…
não consigo arrumar
segue o codigo
<ui:define name="content">
<div style="font-size: 12;">
<h:form id="form">
<rich:simpleTogglePanel switchType="client" label="Add AJAX capability to existing JSF applications">
<h:panelGrid columns="3" id="regioes" >
<h:panelGroup>
<h:graphicImage alt="Imagme do produto" url="/img/card1.png" id="Thumb"/>
</h:panelGroup>
<h:panelGroup >
<h:panelGrid columns="2" >
<h:outputLabel value="Descrição" styleClass="infoProduto" />
<h:outputLabel value=" #{overunCompras.produto.titulo}" styleClass="label"/>
<h:outputLabel value="Preço" styleClass="label" />
<h:outputLabel value=" #{overunCompras.produto.valor}" styleClass="label"/>
<h:outputLabel value="Quantidade" styleClass="label" />
<h:inputText value=" #{overunCompras.qtdProduto}" required="true" styleClass="label"/>
<h:outputLabel value="" styleClass="label"/>
<a4j:commandButton value="Comprar" action="#{overunCompras.comandoComprarProduto}" image="img/btn/shopping_grande.png" alt="Colocar no carrinho" title="Colocar no carrinho" id="btnCarrinho" />
</h:panelGrid>
</h:panelGroup>
<h:panelGroup >
<rich:panel >
<f:facet name="header">
<h:outputText value="Zoom"></h:outputText>
</f:facet>
<h:graphicImage alt="Imagme do produto" url="/img/card1.png" id="image"/>
</rich:panel>
</h:panelGroup>
</h:panelGrid>
</rich:simpleTogglePanel>
</h:form>
</div>
</ui:define>
Alguem imagina o que seja?