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!

Jquery ui components in APEX 20.2

Ayyy PecksJan 12 2021

I see that Jquery ui is listed as deprecated in 20.2 but should still work as it states "Native Application Express components that use jQuery UI will continue to function, but support will be removed in a future release."
In some older applications my company has a skillbuilders plugin that uses jquery ui components (the button component in particular). In this plugin, some of the icons no longer show up in APEX 20.2 like they did in APEX 19.2. Below are some small screenshots of how the icons show in 19.2 vs 20.2.
19.2:
192-1.png192-2.png20.2:
202-1.png202-2.png
It seems like the libraries are still being loaded in 20.2 but for some reason the icons are not being found.
In previous APEX versions including 19.2 the documentation states "jQuery UI 1.12.x has changed the folder structure and files that make up the library compared to jQuery UI 1.10.4. If you have direct references to any of the old file filenames, you must update them to the new name. For example, if you previously referenced the tabs widget with #JQUERYUI_DIRECTORY#ui/#MIN_DIRECTORY#jquery.ui.tabs#MIN#.js, you must change it to #JQUERYUI_DIRECTORY#ui/widgets/#MIN_DIRECTORY#tabs#MIN#.js."
This didn't seem to cause an issue in 19.2, so I'm not sure if this would have anything to do with what we're running into in 20.2. Just in case, I tried adding the "widgets/" to the code where the plugin references "p_directory => '#JQUERYUI_DIRECTORY#ui/'," as seen below.
The following PL/SQL in the plugin seems to be where the jquery ui is included:
apex_css.add_file(
p_name => 'apex_super_lov',
p_directory => p_plugin.file_prefix,
p_version => NULL
);

  apex\_javascript.add\_library(  
     p\_name      => 'jquery.ui.button',  
     p\_directory => '#JQUERYUI\_DIRECTORY#ui/',  
     p\_version   => NULL  
  );  

  apex\_javascript.add\_library(  
     --p\_name      => 'apex\_super\_lov.min',  
     p\_name      => 'apex\_super\_lov',  
     p\_directory => p\_plugin.file\_prefix,  
     p\_version   => NULL  
  );  

I found a thread where someone had something similar and they started referencing the jquery ui CDN, but unfortunately, we are not allowed to do that at my company. It seems like these jquery files would already be available based on the normal jquery installation that comes with APEX.
Does anyone have any ideas on how to properly reference the jquery ui icons on the local server where APEX is installed in APEX 20.2.
Any help is much appreciated.

This post has been answered by Ayyy Pecks on Feb 15 2021
Jump to Answer
Comments
Post Details
Added on Jan 12 2021
3 comments
1,274 views