Joget DX 8 Beta Released
The beta release for Joget DX 8 is now available, with a focus on UX and Governance.
The Inbox UI Menu displays the tasks available to the current user for the current app.
Figure 1: Inbox Menu Properties
The UI menu label.You can add Font Awesome Icons into your menu labels.
Item link slug. Optional field.
Ensure that value defined here is unique to other UI menus in the app, since the first matching/conflicting ID will take precedence in page loading.
|Assignments to Display|
Figure 2: Sample Inbox Menu in runtime
Figure 3: UI Properties
|Show Number of Rows in Menu|
Show number of records available beside this UI menu.
Additional query will be performed to return record count every time the UI loads.
|List View Button Position|
|Show Assignment in Popup Dialog?||When checked, assignment will be shown in a popup dialogue.|
|List View Custom Header||List view custom header in HTML.|
|List View Custom Footer||List view custom footer in HTML.|
|Assignment View Custom Header||Assignment view custom header in HTML.|
|Assignment View Custom Footer||Assignment view custom footer in HTML.|
Figure 4 : Cache Settings
Caching options are:
|Duration (s)||Duration in seconds to cache content, defaults to 20 seconds if applicable.|
Read more at Performance Improvement with UI Caching.
Note: PWA Offline support is dependent on the theme used.
Figure 5: PWA Offline Settings
|Enable cache for offline support||Enable caching for offline support, usually set for use on mobile browsers.|
|Cache all List links in first page||Enable caching for any List links present in the first page of this UI menu.|
Read Progressive Web Application (PWA) for more information.
This is a new feature in Joget DX 8.
Figure 6: AJAX & Events - Event Listening
The object that will be listening for an event.
This field will dynamically show selectable options depending on the page components used. e.g: if there is a page component called manage meeting in the page, it will automatically show up in this field's select box.
|Event Name||Custom Event Name.|
Action to be listened for.
|Add row||Adds another row for another event|
Figure 7: AJAX & Events - Event Triggering
|Event Name||Custom Event Name|
The method used to trigger an event.
|Parameter Name||Custom Parameter Name.|
Logical Operator to be used in evaluating "Parameter" against "Value"
|Value||The value that the Parameter will be compared to.|
|When Not Match Trigger Event Name||Event Name when/if the logical operation is not satisfied.|
|Add row||Add another row for another event.|