Table of Contents
Introduction
Universal Theme is a responsive theme with material design first introduced in Joget v6.
...
Figure 1: Universal Theme in mobile and desktop view
Theme Properties
Configure Layout
| Name | Description | Screens (Click to view) |
|---|---|---|
| Menu Position | Determines the position of the menu
|
|
| Theme Scheme |
| |
| Primary Color | Color Scheme-Primary Color. Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker. | |
| Link Color | Color Scheme-Link Color. Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker. | |
| Button Color | Color Scheme-Button Color. Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker. | |
| Button Text Color | Color Scheme-Button Text Color. Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker. | |
| Menu Font Color | Color Scheme-Menu Font Color. Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker. | |
| Font Color | Color Scheme-Font Color. Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker. |
Advance
| Name | Description | Screens (Click to view) |
|---|---|---|
| Favicon URL | Define the path to custom Favicon URL. | Figure 3: |
Advanced | |
| Logo URL | Define the path to custom Logo URL |
| Disable Profile | Disable fetching user's profile photo |
| User Image |
|
| Inbox |
|
| Home Icon URL | Home Icon URL address |
| Shortcut Link Label | Shortcut Link Label |
| Shortcut | Defines links to be parked under Shortcut menu |
| User Menu Shortcut | Defines links to be parked under User menu |
Enable Responsive Switch in Mobile Device? | When checked, "Switch to desktop version" link will be shown in mobile device. |
Remove Auto Title from Process/ Assignment form? | When checked, process title and activity name will be removed from assignment form. In the screenshot below, the highlighted red box denotes the process title and activity name. |
| Home Banner | Custom HTML for Home Banner |
| Custom CSS | Custom CSS for the theme |
| Custom Javascript | Custom Javascript for the theme |
| Sub Header | Sub header text |
| Sub Footer | Sub footer text |
| Disable help guide feature | Click to hide the help guide deature. |
Progressive Web App (PWA) Settings
| Name | Description | Screens (Click to view) |
|---|---|---|
| Disable Progressive Web App (PWA) Support | Click checked to read about Progressive Web App? Click checked to disable in this userview. |
|
| Disable Web Push Notifications | Click to disable in this userview. | |
| Additional URLs to Cache | Enter paths relative to context root. |
Login Page UI
| Name | Description | Screens (Click to view) |
|---|---|---|
| Custom HTML (Before Login Form) | Custom HTML to be placed in the login form |
|
Login Page UI | |
| Custom HTML (After Login Form) | Custom HTML to be placed in the login form |
Configure Permission
| Name | Description | Screens (Click to view) |
|---|---|---|
| Hide this Userview in App Center? | When checked, this particular Userview will not be listed in App Center. |
|
| Permission Type | White list to determine access to this Userview. | |
| Temporarily disable permission checking for testing? | Click checkbox to disable all category menu permission checking. |



