Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
Table of Contents |
---|
English | ||
---|---|---|
|
Unlike the Inbox Userview UI Element which is limited to its own set of predefined columns, the List Inbox Userview UI Element allows you to define your own datalist data list columns to display important values for your list records.
Figure 1: List Inbox Properties
Name | Description | |||||
---|---|---|---|---|---|---|
Label | The page component label. You can add Font Awesome Icons to your menu labels. | |||||
Menu Custom ID | Item link slug. Optional field.
| Label | The page component label. You can add Font Awesome Icons into your menu labels
| |||
List | Datalist to load.
| |||||
Assignments to Display | Available options:
|
...
Figure 2: Sample List Inbox in runtime
Figure 3: UI Properties
Name | Description | |||||
---|---|---|---|---|---|---|
Show Number of Rows in Menu | Show Number of Rows In Menu.
| |||||
Show Assignment Details | Enables the option to show assignment details in a tooltip upon mousing over a record.
| |||||
Show Assignment in Popup Dialog | Open the assignment inside a popup dialog, instead of loading it on the current page. | |||||
List View Custom Header | Write HTML to customize the list header of the list inbox userview UI element. | |||||
List View Custom Footer | Write HTML to customize the list footer of the list inbox userview UI element. | |||||
Assignment View Custom Header | Write HTML to customize the header of the assignment form. The assignment form is the form you see upon clicking on a task assignment in the list inbox. | |||||
Assignment View Custom Footer | Write HTML to customize the footer of the assignment form. The assignment form is the form you see upon clicking on a task assignment in the list inbox. |
Figure 4: Advanced Properties
Name | Description |
---|---|
Userview UI Key Name | Define a column name to pre-filter the datalist list via the userview UI key value. See Userview UI Key for more info. |
Cache Settings
Name | Description |
---|---|
Scope | Caching options are:
|
Duration (s) | Duration in seconds to cache content , defaults to 20 seconds if applicable. |
Panel | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
Read more at Performance Improvement with Userview UI Caching. |
PWA Offline Settings
Note: PWA Offline support is dependent on the theme used.
Name | Description |
---|---|
Enable cache for offline support | Enable caching for offline support, usually set for use on mobile browsers. |
Cache all datalist List links in first page | Enable caching for any datalist list links present in on the first page of this userview UI menu. |
Cache list actions (Non post action) | Enable caching for any non-POST list actions (if any) in the datalistList. |
Read Progressive Web Application (PWA) for more information.