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 |
---|
Form |
...
Menu allows one to directly enter/view form data, without being part of a process flow. |
...
Figure 1: Form Userview UI Menu Properties
Name | Description | |||||
---|---|---|---|---|---|---|
id | Menu element unique id. Userview will use this id in the URL for the menu if the Custom ID is empty. | |||||
Label | The UI menu label. | |||||
Menu CustomID | The userview menu label Item link slug. Optional field.
| Label |
| |||
Form | Target form to load. | |||||
Show in | popup dialogPopup Dialog? | If checked, user will be presented in a popup dialog. | ||||
Readonly? | If checked, all the fields in the target form will be rendered as read-only. | |||||
Display | field Field as Label | when readonlyWhen Readonly? | Fields set to read-only will be rendered as label/text, instead of being shown in its original input element. | |||
Add Edit Button In Form | Edit Button In Form Only appears when Readonly is checked. |
Figure 2: Sample Form Userview UI Menu in runtime
Figure 3: Redirection Properties
Name | Description | |||
---|---|---|---|---|
Message Shown After Form Submission | Message Shown After Form Submission. URL Redirect | |||
Action to Perform After Form SubmissionURL Redirect Saved | Action to Perform After Form SubmissionSaved.
| Redirect |||
Reload Target | on Form SubmissionAvailable options: | Top Window
| Current WindowOnly appears when Action to Perform After Form Saved is set to Reload Window. | |
URL Redirect | on CancellationAfter Form Submission | URL Redirect | on Cancellation.||
Info | After Form Submission. Only appears when Action to Perform After Form Saved is set to Redirection. | |||
Redirect Target on | CancellationForm Submission | Available options:
Only appears when Action to Perform After Form Saved is set to Redirection. | ||
Field ID | Field Name For URL Redirect Value Passover | Field ID from the preceding form to retrieve the value from. Only appears when Action to Perform After Form Saved is set to Redirection. | ||
Field Value Passover Method | Available options:
| |||
Request Parameter Name | Parameter name to hold the value retrieved via "Field | Name ID For URL Redirect Value Passover" field specified above. Only appears when Action to Perform After Form Saved is set to Redirection. | ||
Action to Perform on Cancel | Available options:
|
| |||
URL Redirect on Cancellation | URL Redirect on Cancellation.
Only appears when Action to Perform on Cancel is set to Redirection. | ||
Redirect Target on Cancellation | Available options:
Only appears when Action to Perform on Cancel is set to Redirection. |
Figure 4: UI Properties
Name | Description | ||
---|---|---|---|
Submit Button Label | Submit Button Label. Default Value: Save | ||
Cancel Button Label | Cancel Button Label. Default Value: Cancel
| ||
Custom Header | Custom Header in HTML. | ||
Custom Footer | Custom Footer in HTML. |
Figure 5: Advanced Properties
Name | Description | |||||
---|---|---|---|---|---|---|
Userview UI Key Name | When set to point to a corresponding form field ID, the userview UI key value will be set into the particular field. See Userview UI Key for more info.
| |||||
Load Data Using Userview UI Key? | When checked, record row will be loaded into the form using the userview UI key value. The "Userview UI Key Name" field expects an "id" value, to facilitate record seeking using the primary key. |
Figure 6: Sample userview UI key used in runtime
Figure 7: 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. |
Figure 8: 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. |
Read Progressive Web Application (PWA) for more information.