3 Ways to Open Inline Dialog Using Jquery Oracle APEX

3 Ways to Open Inline Model Dialog Using JQuery In Oracle APEX

Preview

In this article, you can learn how to open inline modal dialog in Oracle Apex. There are such different ways to open modal dialog using simple Jquery. Inline modal dialog helps us in a critical situation such as show an error message, for showing report data to user or user can perform DML operation on inline dialog.

Create two regions, one for define button (which will open inline modal dialog) and the second region template will be inline dialog. Define region static Id like “region_id”.

Define region

Solution 1:-

  • Change button Behavior, Action=> Redirect to URL and Target: Target URL
javascript:openModel('region_id');
  • Create dynamic action on the button:
Event=>click.
selection type=>button
Action=> Execute JavaScript Code

Preview

  • Copy and Paste below code on Execute JavaScript Code:
openModel('region_id');

Preview

Solution 2:-

  • Copy and paste the following code on Execute JavaScript code and also define affected elements in this solution as per screenshot.
$(this.affectedElements).dialog('open')

Preview

Solution 3:-

  • Copy and Paste below function on function and global variable declaration section:
function open_dialog(){
        $('#region_id').dialog('open'); //calling region id here to open
       }

function and global variable declaration

  • Call created function in dynamic action as per screenshot:
open_dialog();

Preview

  • We can directly use the created function on button URL also: Preview

Demo

You might like:


comments powered by Disqus