rich:modalPanel position somewhere in view?

[robertgary1]

Richfaces 3.3.3.Final.

I have a couple pages that are pretty long with scrolling. Unfortunately the rich:modalPanel always wants to appear outside of the visible range because it appears to be looking for the "center" of the total page (which is outside the visible range). How can I ensure that the panel appears in the visible region when the page has scrolling?

-Robert

[ravinandan]

I'm facing the same issue.

my page is fairly long and whenever user opens modal panel from bottom section of the screen the modal panel seems to go slightly towards upper section and this causes to lose the visibility of the bottom section(and has to scroll down after closing the panel window).

From attributes section I can see left, top and zindex might help me in positioning the panel window.

But is there any alternative solution for this?

Thanks,

Ravi

[robertgary1]

Here is the solution I found...

function popupRichModal(element, modalWindow)

    {

        var pos = findPos(element);

        Richfaces.showModalPanel(modalWindow, {top:pos[1],left:pos[0]});

}

"element" is the item to tag the modal window to (i.e. the button that launched it). "modalWIndow" is the id of your rich:modalPanel. "findPos" comes from a list of cool utilities from http://blog.stannard.net.au/2010/05/22/find-the-position-of-an-element-with-javascript/ (I'm not sure if I can legally copy/paste the findPos method here, but you can get it from the link).

-Robert

[ilya_shaikovsky]

besides passing directly to JS you could define top and left using attributes.