Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

jQuery UI animation on modal dialog help.

K4EMay 3 2017 — edited May 4 2017

Good morning,

I am running APEX 5.02 on a 12.1c Database.

I have read @"John Snyders-Oracle" blog post on the jQuery modal widget and used the code to open and close the modal with simple animations like SlideUp, FadeIn from the jQuery library but that seems to be the extent of the use.  This works without issue.

I am trying to adapt the code to use the jQuery UI animation (which there are more options) for example explode, bounce etc. and I just can not get it to work.

A few examples I maybe would have expected to work based on Johns article :

1)

$("body").on("dialogcreate", ".ui-dialog--apex", function(e) {

    $(this).children(".ui-dialog-content").show( "explode", {pieces: 16}, 2000 );
  
});

});

2)

$("body").on("dialogcreate", ".ui-dialog--apex", function(e) {

    $(this).children(".ui-dialog-content")

.dialog({

        autoOpen: false,

        hide: 'fold',

        show: 'blind'

});

3)

$("body").on("dialogcreate", ".ui-dialog--apex", function(e) {

    $(this).children(".ui-dialog-content")

.dialog({

show: {effect: 'fade', duration: 250}

hide: {effect: 'fade', duration: 500}

});

Any ideas anyone?

Thanks in advance.

Comments
Locked Post
New comments cannot be posted to this locked post.
Post Details
Locked on Jun 1 2017
Added on May 3 2017
8 comments
894 views