Embedded Files
Context
Context
The Anywhere Platform supports branding your instance using the theme editor. The following branding is possible:
Configuration of the standard colour palette to align with an organisation or team's own colour palette.
Configuration of the logo that is displayed at the top left of the screen which when clicked on will always take a user back to their landing page
Configuration of the images displayed on the login page for those organizations and teams who are using the default platform authentication.
Accessing the theme editor
Accessing the theme editor
The theme can be accessed from the Configuration workbench. From the menu, select 'Config Workbench' under the 'Administration' section.
From the configuration workbench, select 'Theme Editor' from the 'Look and Feel' section.
The colour palettes
The colour palettes
The following colour palettes exist for the platform which can be changed:
Changing colours
Changing colours
Click on a colour in the theme editor to bring up the colour selection palette.
Choose a colour from the wheel or enter a specific hex value to match your own.
Click on 'Set' to save your changes.
Using the colours in other configuration
Using the colours in other configuration
The colour classes defined in the theme editor can be referred to when configuring the platform. Doing so will ensure that colours adhere to your theme and also make it easier to maintain in the event that branding needs to change.
The colour classes should be used in CSS tags. The class can be found as the labels or the name of the colours in the Theme Editor, i.e. accent2 or c1.
In certain cases you will need to add a suffix to the end of the colour class in order for the CSS to be applied. See the code blocks below for examples of how this is configured.
For a guide on how to apply colour classes in your CSS see the Style Guide
All of the Theme Editor's values are stored in the cfg_theme_properties table in the PPMA database and can be referenced in SQL queries to bring the theme colours into the result set if needed.
Example Code Block - Lead Text
<span class="action_txt">This text is in the action colour!</span>
Example Code Block - C Colour
<span class="c1"><font style="color: #ffffff">This box is in the c1 colour with white text!</font></span>
Example Code Block - RAG Colour
<span class="rag_red_txt">This text is in the rag_red colour!</span>
Restoring the default colour
Restoring the default colour
To restore a colour to the default colour, click on the colour to be restored.
From the pop-up colour selector window click on 'Reset to Default Colour'
Changing the logo
Changing the logo
In the theme editor, click on the pencil icon in the square of the 'Logo' content area. This will bring up the upload logo window.
Upload a file containing your logo and click on 'Change'
Changing the login page images
Changing the login page images
If users authenticate with The Anywhere Platform using the standard authentication method (as opposed to SSO) the background image displayed on the login page can be configured.
The background image can either be a single static image or up to 6 images that display at random.
In the theme editor, click on the pencil icon on the left most square in the 'Background images' content area. This will bring up the upload logo window.
Upload a file to be used as a background image.
If more than one image is to be used, repeat this for other squares in the 'Background images' content area.
Google Sites
Report abuse