Remoção de bordas do panelGrid da PrimeFaces

11 respostas
E

Como eu faço para remover as bordas das linhas e colunas de um panelGrid da PrimeFaces?

Eli Flávio Bortolotte

11 Respostas

jeanmalvessi
style="border: none"
E

Eu já havia tentado isto antes de criar o tópico. Não funciona.

Eli Flávio Bortolotte

GiulianoGagliardi

Ola Eli, qual a sua versão do Primefaces?

E

3.1.1

GiulianoGagliardi

As classes do css do prime para o panelGrid são essas:

.ui-panelgrid
.ui-panelgrid-header
.ui-panelgrid-footer

Altere-as conforme desejar utilizando a seguinte estrutura como exemplo:

.ui-panelgrid {
   border: none !important;" 
}
E

GiulianoGagliardi:
As classes do css do prime para o panelGrid são essas:

.ui-panelgrid
.ui-panelgrid-header
.ui-panelgrid-footer

Altere-as conforme desejar utilizando a seguinte estrutura como exemplo:

.ui-panelgrid { border: none !important;" }

Não funcionou.

P

pois é…já fiz alguns testes…mas nem um funcionou

Rodrigo_Sasaki

ja pensou em postar a dúvida la pros criadores do negócio? rs

http://forum.primefaces.org/

X

GiulianoGagliardi:
As classes do css do prime para o panelGrid são essas:

.ui-panelgrid
.ui-panelgrid-header
.ui-panelgrid-footer

Altere-as conforme desejar utilizando a seguinte estrutura como exemplo:

.ui-panelgrid { border: none !important;" }

GiulianoGagliardi,

Saberia me dizer onde consigo uma documentação com as classes de todos os componentes do primefaces?

Já procurei isso e não achei.

R

A solução do Giuliano funciona ok.
Uma segunda opção seria.

definir o css:

.semBorda tr, .semBorda td { border: none !important; }

atribuir o semBorda onde for necessário:

<p:panelGrid styleClass="semBorda" columns="2">
...
</p:panelGrid>
G

Essa solução funcionou certinho ricardo…
Estava com o mesmo problema!!!

Criado 9 de março de 2012
Ultima resposta 7 de ago. de 2012
Respostas 11
Participantes 8