P:growl com efeitos no Primefaces

Front-end
#1

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?

#2

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.
#3

Valeui cara, o css ficou assim:

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

Abraço.

#4

[quote=clever]Valeui cara, o css ficou assim:

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

Abraço.[/quote]

Cara muito obrigado, eu tava com a msm necessidade.