How to display growl message in left side of layout screen

Question

In my project there is a requirement that when we change language from Engish to Arabic all layout will be displayed in right to left position.So when i changed that all the components dispalyed right to left except growl messages.

I want to display growl message in left side of layout screen, how can I achieve that?

Just use CSS? `html[dir=rtl] .growl { ... }` or so. – BalusC Jun 20 '13 at 14:38 — BalusC, Jun 20 '13 at 14:38

score 1 · Accepted Answer · answered Jun 20 '13 at 14:43

1

Default css for .ui-growl class is :

.ui-growl {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 301px;
}

You can achieve growl on left by applying following css for .ui-growl class:

 .ui-growl {
        left: 20px;
        position: fixed;
        top: 20px;
        width: 301px;
    }

would work.

answered Jun 20 '13 at 14:43

Pankaj Kathiriya

4,210
2
19
26

Thanks for reply,where should i add this css reference in this code – Amit Sharma Jun 21 '13 at 07:10
can you please try `` – Pankaj Kathiriya Jun 21 '13 at 08:10
its working fine but when i add this thing in common layout of my page then its not working... – Amit Sharma Jun 27 '13 at 07:17
can you please elaborate more? – Pankaj Kathiriya Jun 27 '13 at 10:07
have a look on this link:http://stackoverflow.com/questions/17337644/why-growl-message-not-dispalying-left-side-of-screen-using-common-layout – Amit Sharma Jun 27 '13 at 10:47

How to display growl message in left side of layout screen

1 Answers1