Introduction
DX Progressive Theme is a new responsive and mobile friendly theme for Joget DX.
You can use the latest Font Awesome 5 icons in DX Progressive Theme.
This plugin is a new Joget DX feature.
Figure 1: DX Progressive Theme in desktop view.
Figure 2: DX Progressive Theme in mobile view.
Theme Properties
Configure Layout
| Name | Description | Screens (Click to view) |
|---|---|---|
| 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. |
Advanced
| Name | Description | Screens (Click to view) |
|---|---|---|
| Favicon URL | Define the path to custom Favicon URL. |
Figure 4: 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 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 | Expects value(s) of paths relative to context root. Enter a new line for different paths to cache for. |
Login Page UI
| Name | Description | Screens (Click to view) |
|---|---|---|
| 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
| 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. |
