Remoção de bordas do panelGrid da PrimeFaces

Front-end
#1

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

Eli Flávio Bortolotte

#2 
style="border: none"
#3

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

Eli Flávio Bortolotte

#4

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

#5

3.1.1

#6

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;" 
}
#7

[quote=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;" } [/quote]

Não funcionou.

#8

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

#9

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

http://forum.primefaces.org/

#10

[quote=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;" } [/quote]

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.

#11

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>
5 curtidas
#12

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

1 curtida
#13