Style Editor
- Style Editor
- Allows for the entire portal to be themed in an efficient manner
In this document we will cover:
- How to open the style editor
- How to change the portal theme on a macro level
- How to change the portal theme on a micro level
- How to make a specific widgets style unique
- How to export a theme
- How to import a theme
- How to reset the theme back to the default
Open the style editor
- Click the paintbrush icon in the toolbar
Macro style adjustments
The style editor allows for macro adjustments that affect the overall theme, the themes palette, and the colors used in graphs
Changing the overall theme
- Click on the theme you’d like to use
Changing the themes palette
- Open the ‘Change Palette’ section
- Adjust the desired palette settings
Changing the graph colors
- Open the ‘Adjust graph colors’ section
- Adjust the desired graph colors
Micro style adjustments
Note
For this example we will assume that two Text Widgets have been created
- Click the ‘More Options’ button in the footer of the editor
- Click the ‘Widgets’ button
- Select the widget you wish to edit (we’ll be using the Text widget in this example)
- Change the desired settings for the widget
Now every text widget will use this new style unless we specify that a widget should have a unique style
Unique widget style
A widget that has the unique style setting enabled will ignore the styles stated in the portal theme
- Edit the widget that should have a unique style
- Find the ‘Unique Style’ setting and check the box next to it
Export theme
A theme can be exported for reuse in other portals
- Click the ellipsis button in the top right of the style editor and select ‘Export theme’
Import theme
A theme can be imported into a portal in order to easily brand multiple portals with a consistent theme
- Click the ellipsis button in the top right of the style editor and select ‘Import theme’
Reset theme
A theme can be reset to the default if changes are deemed unsatisfactory
- Click the ellipsis button in the top right of the style editor and select ‘Reset’