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”});

Preethi.J

Doyensys