Style Editor

Style Editor
Allows for the entire portal to be themed in an efficient manner

In this document we will cover:

  1. How to open the style editor
  2. How to change the portal theme on a macro level
  3. How to change the portal theme on a micro level
  4. How to make a specific widgets style unique
  5. How to export a theme
  6. How to import a theme
  7. How to reset the theme back to the default

Open the style editor

  1. Click the paintbrush icon in the toolbar
    Open editor

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

  1. Click on the theme you’d like to use
    Select theme

Changing the themes palette

  1. Open the ‘Change Palette’ section
    Click Change Palette
  2. Adjust the desired palette settings
    Adjust palette

Changing the graph colors

  1. Open the ‘Adjust graph colors’ section
    Click adjust graph colors
  2. Adjust the desired graph colors
    Adjust graph colors

Micro style adjustments

Note

For this example we will assume that two Text Widgets have been created

  1. Click the ‘More Options’ button in the footer of the editor
    Click More Options
  2. Click the ‘Widgets’ button
    Click Edit Widgets
  3. Select the widget you wish to edit (we’ll be using the Text widget in this example)
  4. Change the desired settings for the widget
    Change widget style

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

  1. Edit the widget that should have a unique style
  2. Find the ‘Unique Style’ setting and check the box next to it
    Click unique style

Export theme

A theme can be exported for reuse in other portals

  1. Click the ellipsis button in the top right of the style editor and select ‘Export theme’ Export theme

Import theme

A theme can be imported into a portal in order to easily brand multiple portals with a consistent theme

  1. Click the ellipsis button in the top right of the style editor and select ‘Import theme’
    Import theme

Reset theme

A theme can be reset to the default if changes are deemed unsatisfactory

  1. Click the ellipsis button in the top right of the style editor and select ‘Reset’
    Reset theme