11.1.3 Using Theme Styles
A theme style is a CSS that is added to the base CSS. Using the Theme Roller utility, developers can change the appearance of an application. Universal Theme - 42 includes theme styles.
- About Theme Styles
A theme style is a CSS style sheet that is added to the base CSS to alter the look and feel of an application. - Creating a Theme Style
Create a theme style by selecting an existing style and selecting Add Style. - Editing a Theme Style
Edit a theme style from the Themes page. - Selecting a Theme Style on the User Interface Page
Select a theme style on the application User Interface page. - Enabling Users to Select a Theme Style
Enable users to select a theme style in a running application.
Parent topic: Using Themes
11.1.3.1 About Theme Styles
A theme style is a CSS style sheet that is added to the base CSS to alter the look and feel of an application.
Newer themes such as Universal Theme - 42 can have a base CSS file plus the theme style CSS file. The theme style CSS file are referenced in the page template using the #THEME_STYLE_CSS#
substitution string. The Oracle APEX engine replaces this substitution string with the CSS file references defined in the theme style attributes. Use theme styles to customize themes, to switch to a different color scheme, apply a flat look, or make a theme responsive. A theme can have multiple theme styles with one style set as active. You can modify a theme style CSS file using Theme Roller.
Selecting a Theme Style
Once defined, developers can select a theme style by:
- Editing the Theme Styles attribute when running the Create Application Wizard. See Understanding Page Types, Features, and Settings.
- Accessing the Create/Edit Theme page. See Editing a Theme Style.
- Select a new theme style on the application User Interface page. See Selecting a Theme Style on the User Interface Page.
Parent topic: Using Theme Styles
11.1.3.2 Creating a Theme Style
Create a theme style by selecting an existing style and selecting Add Style.
To create a theme style:
Parent topic: Using Theme Styles
11.1.3.3 Editing a Theme Style
Edit a theme style from the Themes page.
To edit a theme style:
Parent topic: Using Theme Styles
11.1.3.4 Selecting a Theme Style on the User Interface Page
Select a theme style on the application User Interface page.
To select a theme style from the User Interface page:
Parent topic: Using Theme Styles
11.1.3.5 Enabling Users to Select a Theme Style
Enable users to select a theme style in a running application.
Once enabled, a Customize link appears in the running application, typically in the lower left corner. When the user clicks the Customize link a pop-up displays listing available theme styles. When a user selects a theme style, the theme style is stored persistently as a user preference and will be retained during future sessions.
To enable users to select a theme style:
- Create an application which has at least two theme styles.
- Go to the application User Interface page:
- Under Attributes, enable Enable End Users to choose Theme Style.
- Click Apply Changes.
Parent topic: Using Theme Styles