Add a Theme

You can create custom Themes to use your own logos as headers in the user interface and use your branding colors for the application page background, header, and the Submit button. The Themes visibility controls the access to the Themes. For each user type that manages Themes, set the Read/Write permissions. When you set the visibility to ReadOnly, the Themes page is grayed, and when you don’t grant the visibility, the Themes page is not visible at all.

  1. Click Configuration.
  2. In the Displays section, click Themes.
    The Themes page appears.
  3. Click Add new.
    The Add theme dialog box appears.
  4. Complete these fields:
    Field Action
    Name Enter a name by which you want to identify the theme.
    Logo tab
    Logo Select the logo in .png format. This logo is used with pages of width 1024 and more, or between 320 and 768.
    Logo for Login page Select the logo in .png format. This logo is used in the login portal.
    Color scheme
    Header color Select the color for the application header. Click this field and select a color from the color editor. Or, enter the hexadecimal code for the color. The selected color is displayed in the preview section.
    Page background color Select the color for the application page. Click this field and select a color from the color editor. Or, enter the hexadecimal code for the color. The selected color is displayed in the preview section.
    Submit button color Select the color for the Submit button. Submit buttons across the application are displayed in this color. Click this field and select a color from the color editor. Or, enter the hexadecimal code for the color. The selected color is displayed in the preview section.
  5. To reset the colors, click Set default.
  6. Click Save.

Results:

The page background and the Submit button colors are applied to the pages that are mainly used by mobile workers, such as Activity details, Inventory details, Activity list, and forms. The colors won't be shown on these groups of pages:
  • Pages on which the content takes the entire screen width, for example, Dispatch console, Manage, Maps, and Calendars.
  • Configuration pages.
  • Pages that have their own specific background, for example, About, Dashboard.
  • Hints and context-menus.