How to show and hide inline dialog in oracle apex using JavaScript

  1. Create a Region named as example “Employee Details:
  2. Assign a Static ID of the region “EMPDTLS”  ( ..Region Property/Advanced/Static ID:)
  3. Create a Page Button Named “ShowDialog”
  4. Go to the button property and set it’s properties as below:
  • Behavior/Action = Redirect to URL
  • Target =

5. Now Save and run the page. when you click “ShowModal” button the modal dialog will be appeared.

6. Now for closing the Modal dialog, you can add a new button “closeDialog” in the dialog region and set the properties as below:

  • Behavior/Action = Redirect to URL
  • Target =

7. If you want to pass value in the Dialog region then

Or

Or

#EMPNO#  – this is applicable when you calling dialog window from Interactive or classic report. here EMPNO is the column name.

 

Thank You

 

 

6 Comments

  1. Good one!
    There is something missing though: besides setting the static ID for the region, you also have to set its Layout > Position = Inline Dialogs, and the Appearance > Template = Inline Dialog.

    Thanks,
    Pedro

Comments are closed.