Discussions
Categories
- 196.8K All Categories
- 2.2K Data
- 238 Big Data Appliance
- 1.9K Data Science
- 450.3K Databases
- 221.7K General Database Discussions
- 3.8K Java and JavaScript in the Database
- 31 Multilingual Engine
- 550 MySQL Community Space
- 478 NoSQL Database
- 7.9K Oracle Database Express Edition (XE)
- 3K ORDS, SODA & JSON in the Database
- 544 SQLcl
- 4K SQL Developer Data Modeler
- 187K SQL & PL/SQL
- 21.3K SQL Developer
- 295.8K Development
- 17 Developer Projects
- 138 Programming Languages
- 292.5K Development Tools
- 107 DevOps
- 3.1K QA/Testing
- 646K Java
- 28 Java Learning Subscription
- 37K Database Connectivity
- 155 Java Community Process
- 105 Java 25
- 22.1K Java APIs
- 138.1K Java Development Tools
- 165.3K Java EE (Java Enterprise Edition)
- 18 Java Essentials
- 160 Java 8 Questions
- 86K Java Programming
- 80 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.3K Java SE
- 13.8K Java Security
- 204 Java User Groups
- 24 JavaScript - Nashorn
- Programs
- 439 LiveLabs
- 38 Workshops
- 10.2K Software
- 6.7K Berkeley DB Family
- 3.5K JHeadstart
- 5.7K Other Languages
- 2.3K Chinese
- 171 Deutsche Oracle Community
- 1.1K Español
- 1.9K Japanese
- 232 Portuguese
Issues with SkillBuilders Modal Page 2.0.0 and APEX 5.0.4.00.12

Hi,
I exported an application from APEX 4.2.5.00.08 to 5.0.4.00.12 using Theme 24 – Cloudy, which heavily relies on the SkillBuilders Modal Page plug-in (Version 2.0.0). The problem I’m having is easily replicated on apex.oracle.com:
WORKSPACE: ED
USERNAME: TEST
PASSWORD: TEST
APPLICATION: 83933 - Theme 24 - SkillBuilders Modal Page Issue
On Chrome 53.0.2785.89 and Firefox 48.0.2, the plug-in seems to be working fine even though I can see the following error on the console:
Uncaught TypeError: r[0].style.removeAttribute is not a function jquery.colorbox-min.js:4
My real concern is regarding Internet Explorer 11, which is the standard browser on the company. The first time I click on the button, a "broken" box opens up on the upper left corner of the screen and I see the following error on the console:
SCRIPT65535: Unexpected call to method or property access. File: jquery-2.1.3.min.js, Line: 3, Column: 5660
After I click the button a second time, then the modal opens up correctly.
In addition to set "Embed in Frames" to "Allow" I had to set the "Include jQuery Migrate" option to "Yes" (under User Interface >> JavaScript), otherwise I would have to click the button three times to open the modal page and this additional message shows up on the console:
SCRIPT438: Object doesn't support property or method 'live' File: jquery.colorbox-min.js, Line: 4, Column: 2651
Any ideas how to fix this?
Thank you,
Erick
Best Answer
-
Hi Erick,
I just tried out your app.
I believe the issue is with jquery.colorbox-min.js. The latest version seems to work for me, but there's a difference between a single test and production readiness. Like Tony said, I'd contact the developers and see if they have a version that uses an updated version of jquery.colorbox-min.js or some other way to fix this. The plugin had version 1.3.19.
Cheers
Kofi
Answers
-
I had a similar issue with the skillbuilders modal page on IE. the solution I came up with was to drop the plug-in and use the native modal page support in Apex5. It's easier to implement as well, as Apex will know if it's a modal call verses a standard call and no need for a dynamic action.
-
Thank you Scott,
Eventually, the idea is to migrate all our applications to the Universal Theme and use the APEX 5 native modal dialog feature, but as of right now, I’m just trying to find a quick solution to this problem in order to upgrade all our APEX environments from 4.2 to 5.0 as soon as possible. Unfortunately, your suggestion will require a lot of time and effort considering the amount of applications and pages using this plug-in.
It surprises me that no one else has reported this issue before considering how popular the plug-in is and that APEX 5 it’s been out for more than a year.
Best regards,
Erick
-
Maybe you should contact the Skillbuilder folks directly? It would be HIGHLY advisable for you to start looking at migrating your application<s> to use the more supported Universal Theme. Don't know when but at some point I am guessing they will cut support for the older themes and focus on the universal theme..
Thank you,
Tony Miller
Los Alamos, NM
-
Hi Tony,
It would be HIGHLY advisable for you to start looking at migrating your application<s> to use the more supported Universal Theme. Don't know when but at some point I am guessing they will cut support for the older themes and focus on the universal theme..
I completely agree with you, and it’s in our plan to upgrade all the applications to Universal Theme.
Maybe you should contact the Skillbuilder folks directly?
Here is what it says on their website (Free Oracle APEX Plug-Ins by SkillBuilders):
Support From the APEX Forum Please include the words "skillbuilders" and the name of the plugin in your post.
So I’m hoping someone from SkillBuilders will see this post .
Thank you,
Erick
-
Understood, but if it is URGENT, I would pickup the phone and call their 800 # and ask them NICELY for any suggestion..
Thank you,
Tony Miller
Los Alamos, NM
-
I just want to bump this thread back to the top and copy some SkillBuilders experts I know they monitor the forum frequently: @Greg Jarmiolowski @Dave SkillBuilders
Thank you,
Erick
-
Hi Erick,
I just tried out your app.
I believe the issue is with jquery.colorbox-min.js. The latest version seems to work for me, but there's a difference between a single test and production readiness. Like Tony said, I'd contact the developers and see if they have a version that uses an updated version of jquery.colorbox-min.js or some other way to fix this. The plugin had version 1.3.19.
Cheers
Kofi
-
Hi Kofi,
Thank you for your comment, you made me realize something… Initially, when I was trying to solve my problem, I found this issue reported on the jQuery Colorbox plug-in (https://github.com/jackmoore/colorbox/issues/385) so I went ahead to download the "latest" version at https://plugins.jquery.com/colorbox/ which is 1.5.14 and it gave me all kind of errors.
Now I noticed the current project page for the plug-in is actually http://www.jacklmoore.com/colorbox/ and the latest version is 1.6.4 (not 1.5.14).
I did a quick test and it seems to be working now (I don't see the error on the console). I will thoroughly test this and update this post with my findings.
Thanks again for pointing me out in the right direction.
Best regards,
Erick
-
That's awesome guys - thanks so much for sharing!
I just experienced exactly the same thing upgrading a client from APEX 4.0 to APEX 5.0.4 with an older application using Topaz + Skillbuilders Modal 2.0..
All was looking fine in Chrome but painfully not working in Internet Explorer 11..
Cheers,
Ben
-
Hi Ben (and others),
In case you are interested, I noticed that the new Colorbox uses a button tag instead of a div tag for the "X" that closes the modal; as well as, there is a vertical scrollbar showing up on the right side of the modal that wasn’t visible before. To fix those, I did the following:
On the parent page, I added the following Inline CSS to fix the close button:
#cboxClose { border: none;}
On the modal page, I added the following Inline CSS to hide the vertical scrollbar:
html { overflow-y: hidden !important;}
Everything else seems to be working as expected.
Thank you,
Erick