Chris Chris - 1 month ago 8x
HTML Question

How do you prevent the ability to click after submitting the page in oracle apex 5.0?

I am using oracle apex 5.0 with theme: Universal Theme - 42. I am currently clicking on a SEARCH Button in order to submit the page. I call the following function:


This function call above creates the spinning symbol in the middle of the page, but the user still has the ability to click another button or even the same button. I was reading this post which says use this function call:

I used this as well, and I am have the same issue as when I use the first submit function. I looked at an example apex application where the functionality was working, and there is a div overlay element which appears in order to block the page.

Does anyone know if I need to change the theme/add a plug in/ or do anything else in order to get the div element to appear with the wait icon after submission? Any ideas or thoughts are helpful, thanks.


This is the thread that helped me get the correct answer:

The solution was to add css to the inline css of the page. Now both the url and dynamic action perform the expected way.

.apex_wait_overlay {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 1001;
-moz-opacity: .5;
opacity: .5;
filter: alpha(opacity=50);