Our new Theme Settings will allow you to apply Themes to a Logo, Navigation Bar and App Grid style!

You can access Theme settings in two ways:


Option 1:

  • Go to "Admin Settings" under "Project name"

  • Select "Theme settings"

Option 2:

  • Go to "Admin Settings" under "Project name"
  • Go to the "Admin Console"
  • Select "Theme settings"


USING DIFFERENT THEME SETTINGS

  • In Theme settings you can update the following:
  1. Logo
  2. Navigation Bar Color 
  3. Background Image 
  4. App Grid Style 
  • The changes are made on the left side of your screen, and are actively visible on the right side in real-time. The changes can also be seen on Desktop/Tablet/Phone respectively by clicking the Right/Left Navigator.


HOW TO APPLY THEME SETTINGS TO YOUR LOGO

By default the logo will point to Smartapp.

  • Select "Change", add a new logo and click "Apply Changes" to save. 

 

HOW TO APPLY THEME SETTINGS TO YOUR NAVIGATION BAR


By default it is set to a single color.

  • Select Navigation Bar color and select a color from the standard color options available.


HOW TO PIN PLAN TYPES AND MODES TO YOUR NAVIGATION BAR

  • Select which Plan Types and Modes you would like pinned to the taskbar by selecting the checkbox next to the options provided.


HOW TO APPLY THEME SETTINGS TO YOUR BACKGROUND IMAGE


By default the background image is the image set for the Industry chosen during project creation.

  • Select "Custom"  to change the Background Image
  • Upload a new PNG file, to update the background image.
  • Once the image is uploaded select "Apply changes".
  • You can click on the Right/Left Navigator to see the changes on Desktop/Tablet/Phone.
     


HOW TO APPLY THEME SETTINGS TO YOUR APP GRID STYLE

  • There are two types of theme settings for your App Grid:
  1. White Row (default) 
  2. White & Grey (Alternating row)
  • Click "Apply Changes" once you've made a choice.
    Your changes will be displayed while navigating your Smartapp Grid!





Last Updated: Dec-10-23