P:growl com efeitos no Primefaces

3 respostas
C

Olha pesoal,

Estou usando o p:growl para apresentar as mensagens de validações da minha tela, mas as mensagens aparecem no canto superior a direita e eu preciso que o p:growl apareça com um efeito que faça ela ficar em movimento enquanto ele esteja visivelm ou se isso nao for possível, que ao menos ele apareça no canto inferior a direita.
Meu p:growl esta assim na tela:

<p:growl id="msgs" showDetail="true"/>

Alguém pode me ajudar?

3 Respostas

marcosharbs

Segundo o user guide do primefaces

Positioning

Growl is positioned at top right corner by default, position can be controlled with a CSS
selector called gritter-notice-wrapper.

.gritter-notice-wrapper {
    left:20px;
}

With this setting growl will be located at top left corner.

  • Portanto se você aplicar um css alterando o atributo conforme acima
    você consegue alterra a posição.
C

Valeui cara, o css ficou assim:

.ui-growl { top: 91%; right: 1% }

Abraço.

jefaokpta

clever:
Valeui cara, o css ficou assim:

.ui-growl { top: 91%; right: 1% }

Abraço.

Cara muito obrigado, eu tava com a msm necessidade.

Criado 15 de agosto de 2011
Ultima resposta 1 de mar. de 2015
Respostas 3
Participantes 3