...
Table of Contents
Introduction
| English | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
| Universal Theme is a responsive theme with material design . | ||||||||||
| Panel | ||||||||||
| ||||||||||
| This is a new feature in Joget Workflow first introduced in Joget v6. |
Figure 1: Universal Theme in mobile and desktop view
Theme Properties
Configure Layout
Figure 2: Properties - General
| Name | Description |
|---|---|
| Thumbnail | Upload a small square image or icon for your app to display in App Center. |
| 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. |
| Enable Font Size Control? | Check this to enable the ability to change the font size on userview runtime. |
...
Advance
Figure 3: Properties - Advanced
| Name | Description |
|---|---|
| Favicon URL | Define the path to custom Favicon URL. |
| Logo URL | Define the path to custom Logo URL |
| Disable Profile | Disable fetching user's profile photo |
| User Image |
|
| title | Sample |
|---|
| |
| 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
Figure 4: PWA
| Name | Description |
|---|---|
| Disable Progressive Web App (PWA) Support | Click the checkbox to disable PWA. Joget DX apps automatically enable Progressive Web Apps (PWA) features in this theme |
...
so that all apps will be PWA baseline compliant without requiring additional steps, with features such as adding to home screen, offline support and push notifications. | |
| Disable Web Push Notifications | Click to disable web push notification in this userview. |
| Additional URLs to Cache | Enter paths relative to context root. |
Login Page UI
Figure 4: Properties - Login Page UI
| Name | Description |
|---|---|
| Custom HTML (Before Login Form) | Custom HTML to be placed in the login form |
| Custom HTML (After Login Form) | Custom HTML to be placed in the login form |
...
Configure Permission
Figure 5: Properties - Permission
| Name | Description |
|---|---|
| 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. |