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

  • December 29, 2016 | 20 views
  • Comments