JSF2 + primefaces 2 - Tamanho de panel dentro de um dataGrid

2 de julho de 2013 6 respostas

rmaragno 2 de julho de 2013

Estou usando um datagrid bem no estilo do modelo de exemplo do primefaces:

<p:dataGrid var="o" value="#{adminBean.listaProdutos}" columns="3"  
			        rows="12" paginator="true"  
			        paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
			        rowsPerPageTemplate="9,12,15">  
			  
			        <p:panel header="#{o.descricao}" style="text-align:center; ">  
			            <h:panelGrid columns="1" style="width:100%; height: 100%">  
			                <p:graphicImage value="arqs/#{o.foto}" style="width: 50px; height: 50px"/>   
			  
			                <h:outputText value="#{o.descricao}" />  
			  
			                <p:commandLink update=":form:carDetail" oncomplete="carDialog.show()" title="View Detail">  
			                    <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />   
			                    <f:setPropertyActionListener value="#{o}"   
			                            target="#{adminBean.selectedCar}" />  
			                </p:commandLink>  
			            </h:panelGrid>
			        </p:panel>  
  
    		</p:dataGrid>

O negócio, é que dependendo do tamanho da imagem (coloquei até limite para evitar isso) e principalmente pelo tamanho da descricao, cada panel fica de um tamanho... e fica muito feio. Alguem já teve este problema?

6 Respostas

XOOM 2 de jul. de 2013

Tenta assim:

<p:graphicImage value="arqs/#{o.foto}" width="50px" height="50px" />

rmaragno 3 de jul. de 2013

Ficou a mesma coisa xoom!

XOOM 4 de jul. de 2013

Que estranho cara…eu utilizo aqui e funciona 100%.

Altera a parte:

para:

Veja se vai…

rmaragno 5 de jul. de 2013

Xoom,

Já tinha feito isto antes também e nada…
Até agora, a única coisa que faz ficar do mesmo tamanho, é deixar a descrição ± com o mesmo tamanho.
Problema que isso é muito variável, e mesmo sobrando espaço na tela para caber os três do mesmo tamanho, cada panel fica de um tamanho

XOOM 5 de jul. de 2013

rmaragno:
Xoom,

Já tinha feito isto antes também e nada…
Até agora, a única coisa que faz ficar do mesmo tamanho, é deixar a descrição ± com o mesmo tamanho.
Problema que isso é muito variável, e mesmo sobrando espaço na tela para caber os três do mesmo tamanho, cada panel fica de um tamanho

Estranho hein…verifica se no seu css não tem nenhum

* {
width: 100%;
height: 100%
}

rmaragno 5 de jul. de 2013

Também não…

E cada página os itens ficam com uma largura por coluna…
assim, todos estão da mesma altura, mas a largura muda.

Criado 2 de julho de 2013

Ultima resposta 5 de jul. de 2013

Respostas 6

Participantes 2

6 Respostas

Topicos relacionados