DBA Hub

📋Steps in this guide1/2

APEX Tips : Copy a Theme Style Between Applications

This article describes how to copy a Universal Theme style between Oracle Application Express (APEX) applications.

oracle miscconfigurationintermediate
by OracleDba
13 views
1

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.

Code/Command (click line numbers to comment):

1
{"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"}}
2

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: - APEX Articles Hope this helps. Regards Tim...

Comments (0)

Please to add comments

No comments yet. Be the first to comment!