Modal Dialog in Apex 4.2

Requirement:

A modal dialog has to open on button click in Oracle Apex 4.2.

Step 1:

    Create a page

Step 2:

Create a HTML static Region and create a button in that region.

Give a STATIC ID for that region.

Step 3:

    On page load the region should be hidden

Create a dynamic action using following steps

   1. Event     - Page Load

   2. True action - Hide Region

Step 3:

Create a dynamic action to open the HTML static region as Modal dialog using following steps

    1. Event        -  Click

    2. Selection Type -  Button

    3. Button       -   Button Name

        4. Add true action by specifying action as Execute JavaScript

Step 4:

     Enter the following JavaScript code

$('#STATIC_ID').dialog({"title":"Region_Title", "minheight":"50%", "width":"40%",  

"position":"auto"});  

Example:

$('#modal').dialog({"title":"cash_payment", "minheight":"50%", "width":"40%",  

"position":"auto"});  

By 

Preethi.J