<p:dialog> position attribute - how to use it?

[jim@jimtough.com]

I haven't played with <p:dialog> for a while and I see there is a new attribute named 'position'. I can't find an example of its use in the Showcase and the built-in taglib documentation only says:

Defines where the dialog should be displayed.

Can anyone supply a code sample of how to use 'position' or just provide the valid values if they are an enumeration?

[Oleg]

Hi,

AFAIK "position" uses syntax of jQuery Position plugin. That means - "left top", "right bottom", ... is valid syntax.

[jim@jimtough.com]

I'll check it out. Thanks!

[jim@jimtough.com]

You are correct. I just tried "center top" and it worked.

[cagatay.civici]

Decepticons

[Drake]

Can you post any examples?
I've used

Code: Select all

    
<p:dialog widgetVar="dlgDettaglioPremio" modal="true" header="Dettaglio"
              showEffect="explode" position="center center" width="600" height="500" resizable="false"
              appendToBody="true">

and

Code: Select all

 
<p:dialog widgetVar="dlgDettaglioPremio" modal="true" header="Dettaglio"
              showEffect="explode" position="top" width="600" height="500" resizable="false">

But It doesn't work! The dialog always appears on the bottom right.
Moreover right and bottom borders exceed the displayed space, so I always have to drag the dialog to the center of the page.