PhotoAlbum Application Download Support Developer Guide
Skins:
Resources/Beans Handling
Ajax Miscellaneous
Usage
Tag Information

RichFaces Modal Panel is a container that blocks an operation on the base page when the modal panel is shown.

Modal Panel could be freely managed with rich:componentControl component. Next example shows the code which should be used:

Example 1
Show Modal Panel



View Source

You can show the modal panel using the JS API show function (#{rich:component('mp')}.show).

Example 2
This line code invokes the modal panel:
#{rich:component('mp')}.show()



View Source

NOTE: Old style panel calls will be also supported.

The modal panel has an absolute layout.There is no reason to put it on the page where it is called.If you want to perform submits from this modal panel, you should have a separate form inside it. In this case, the panel must be declared outside of the other form on the same page. I.e. nested forms are not allowed.
Those requirements are applied because of the bug in earlier Internet Explorer versions, as the dialog is moved to the top of the browser DOM tree just after it is rendered.

RichFaces Wiki RichFaces Project Site