Technical Help: Customize JQuery dialog to not display any buttons...

Technical Help: Customize JQuery dialog to not display any buttons...: "I wanted to use JQuery UI's dialog API to display an information to the user for sometime, until the page gets reloaded. If I use the jquery..."

Jquery - Modal Delete Confirmation Dialog

First of all make sure you have jquery installed on your Apex environment.
If you do have it, lets do our tricks. There are two ways of doing it and I'll show both of them. The first option is to enable modal delete confirmation dialog on you "0" page so it will apply to all your pages automatically, and the second way is to manually add script to every page or to any page where you want this dialog to be.
OK, lets do Option 1:
- a. In your application create a page with number "0", in this page create a HTML region with No Template.
- b. Into the region source paste this:

- c. Ensure, that every page where you want to have a delete modal popup confirmation has this script in page HTML Header:

and your button (most likely it will be buton called DELETE) on your page which will call modal popup confirmation has URL Redirect to:

javascript:confirmDelete(htmldb_delete_message,'DELETE');

Try it, it should work.

OK, lets do Option 2:
- a. Into page HTML Header of the page where you want this modal confirmation to work insert this script:

This item will be permanently deleted 
and cannot be recovered. Are you sure?

- b. Assuming that you do have a Delete button on this page which does SQL Delete Action, use this Target URL to call the delete procedure:

javascript:confDialog()

That is it, you should be good now.
P.S. Thanks a lot to Jari Laine (Jarola) from  Oracle Apex Forum  for helping me to make it work.

Jquery - Modal Logout Dialog

Here is probably the easiest way to implement modal dialog popup confirmation for your APEX application.
First of all you have to make sure that Jquery is installed on your Apex environment and if you are using Apex 4 - it should be already there.
The second step would be to create a page with number "0" in your application. Whatever is defined under this page will be automatically used in your application pages. After creating page number "0", go ahead and create a HTML region under this page with No Template, name it whatever you like and in the region source paste this script:

Are you sure you want to logout now?

The next step would be to navigate to "Home>Application Builder>Application 101>Shared Components>Navigation Bar Entries>" and edit your existing Logout entry. In the target set URL to point to :

javascript:LogoutDialog('Do you really want to log out?');

That is it, you are all done.

Apex page with Animated "Loading" modal window

For some time I was trying to find a way so when you open a page in Apex it will show animated "Loading..." screen (in modal window). I was able to fine a solution but the solution was based on havind pre-loading modal screen for reports region. Finally, I've fond this thread : http://forums.oracle.com/forums/thread.jspa?messageID=4126932#4126932

posted by Cedwards and here I am going to describe his idea. First of all please see these 2 pics, the first one is the actual loading screen



and the second one is when "all over".

Anyways, by using ExtJS (http://www.extjs.com/) and downloading their files to your workspace:
- loading_large.gif
- ext-base.js
- ext-all.js
we can Achive this.
1. let's assume that ExtJs files listed above donloaded and uploaded to your workspace.
2. Go to your page for which you want to have "Loading" window and create and create "No Template" HTML region with Display Point "After Header" and Sequence #1. In Region Source paste this:

 
Loading...

3. Added another page zero region (after header and a sequence of 2.) with the following code:

That is it, we are all done

color in web forms

http://apex.oracle.com/pls/otn/f?p=25110:3:3045230741924641