Customizar o css do h:messages JSF2

4 respostas
FelipeGeorge13

Pessoal como faço pra customizar a classe css do h:messages no JSF2???

no rich faces tem que implementar a classe css “rf-msgs-err”, mas preciso alterar do proprio h:messages…

valeus…!

4 Respostas

A

Tem uns atributos que você pode definir isso

<h:messages errorClass="tua-classe-erro" infoClass="tua-classe-info" warnClass="tua-classe-warn" fatalClass="tua-classe-fatal"/>
FelipeGeorge13

@ayslanms, disso eu sei…

O problema eh q qndo eu uso o h:messages ele cria uma tag html

  • mantendo um ponto antes da mensagem. A ideia eh justamente tirar este ponto da tag
fabiozanardi

os componentes visuais do primefaces são baseados na jquery ui, tente dar 1 olhada nos css que precisam ser sobrescritos colocando o !important na frente;

que deve resolver

http://jqueryui.com

A

Dá uma inspecionada (via firebug ou semelhantes) no html gerado do messages que você vai ver q ele renderia um ul e li.
Via CSS você pode alterá-los, por exemplo para tirar o “ponto” que você fala pode usar “list-style-type:none;”.

Criado 5 de outubro de 2012
Ultima resposta 5 de out. de 2012
Respostas 4
Participantes 3