8i | 9i | 10g | 11g | 12c | 13c | 18c | 19c | 21c | 23c | Misc | PL/SQL | SQL | RAC | WebLogic | Linux
APEX Tips : Copy a Theme Style Between Applications
This article describes how to copy a Universal Theme style between Oracle Application Express (APEX) applications.
Related articles.
Source Application
We need to capture the "JSON Configuration" from the source application.
- Shared Components > Themes > Universal Theme > Styles
- Click the style of interest.
- Scroll down and expand the "Theme Roller JSON Configuration" section.
- Copy the contents of the "JSON Configuration" item. Here is ab example of what you might see, assuming you aren't using the default Vita theme style.
{"customCSS":".apex-item-textarea, .apex-item-text, .apex-item-selaect {\n\tborder: 1px solid #ced4da;\n \tbackground-color: #fff;\n}\n\n.apex_disabled {\n background-color: #EDEDED;\n opacity: 1;\n}\n\n.t-Form-inputContainer select.selectlist.apex-page-item-error {\n\tborder-color: #f77066;\n}","vars":{"@g_Nav_Style":"dark","@g_Nav-BG":"#0d3454","@g_Accent-BG":"#1a6bad","@g_Accent-OG":"#f3f3f3","@g_Nav-Active-BG":"#10416a","@g_Form-BorderRadius":"0px","@g_Disabled-BG":"#ff00ff"}}
Destination Application
We can now update the destination application with the "JSON Configuration" from the source application.
- Run the application.
- Click the "Theme Roller" link on the bottom menu.
- Click the "Save As" button, giving the copy of the style a new name.
- Click the "Set as Current" button.
- Go to the application editor.
- Shared Components > Themes > Universal Theme > Styles
- Click the new style you just saved.
- Scroll down and expand the "Theme Roller JSON Configuration" section.
- Paste the JSON from the source application into the "JSON Configuration" item.
- Click the "Apply Changes" button.
- If you have an open tab with the application running, log out and in again to see the change.
If you have any problem seeing the new theme, run the application and do the following.
- Open the "Theme Roller".
- Pick a different theme and click the "Set as Current" button.
- Pick the original theme and click the "Set as Current" button.
- Close the "Theme Roller".
- The theme should work as expected now.
For more information see:
Hope this helps. Regards Tim...