My Oracle Support Banner

JQuery Modal Window Disappearing After Display (Doc ID 1959929.1)

Last updated on MAY 16, 2024

Applies to:

Oracle WebCenter Portal - Version and later
Oracle WebCenter Portal for OCI - Version and later
Information in this document applies to any platform.


Attempting to place a JQuery modal window example on a WebCenter Portal (WCP) page.  When executed through WCP, the modal window appears, but then quickly disappears.  The desired functionality is for the modal window to display without disappearing.

Executing the html through a browser works as expected (modal window displays).  The functionality fails when the html is placed on a WebCenter Portal page.

Sample test case steps:

1. Creat new Portal in WCP.
2. Creat new page.
3. Add HTML Markup task flow to the page (from Web Development).
4. Add the following code for the HTML Markup task flow:

<!doctype html>
<html lang="en">
<meta charset="utf-8">
<title>Dialog Box Witout Close Button</title>
<link rel="stylesheet" href="">
<script src=""></script>
<script src=""></script>

<button id="dialog_trigger">open the dialog</button>
<div id="dialog" style="display:none;" title="Dialog Title"><iframe frameborder="0" scrolling="no" width="700" height="700" src=""></iframe></div>
$( "#dialog_trigger" ).click(function() {
$( "#dialog" ).dialog( "open" );
autoOpen: false,
position: 'center',
title: 'EDIT',
draggable: false,
width : 800,
height : 700,
resizable : true,
modal : true,


5.  View the page.  
6.  Click on the 'open the dialog' button.
7.  A window opens and then closes quickly.


To view full details, sign in with your My Oracle Support account.

Don't have a My Oracle Support account? Click to get started!

In this Document

My Oracle Support provides customers with access to over a million knowledge articles and a vibrant support community of peers and Oracle experts.