Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
Figure 1: Form in a Userview
Userview Form is one of the basic elements but yet a very important element in the Userview Builder. It allows one to integrate form built into the Userview thus allowing one to interact with its users via form.
Figure 2: Form Properties - Edit Form
Custom ID |
Name of the link. The name defined would be used as part of the URI constructed. |
Label |
Label of the element. |
Form |
Form to be loaded for this element. |
Show in Popup Dialog? |
Control on whether to load the form in a Popup Dialog. |
Read Only? |
Control if the form should be Read only. |
Display Field as Label when Read Only? |
Display input fields as plain text in Read only mode. |
Figure 3: Form Properties - Redirection
Message Shown After Form Submission |
Confirmation message to show up after the form is submitted |
URL Redirect After Form Submission |
Perform redirection to the defined path after form submission. (Can be a relative path) (E.g. "http://www.example.com/page/") |
URL Redirect on Cancellation |
Perform redirection to the defined path after cancellation of the form. (Can be a relative path) |
Redirect Target on Cancellation |
Behavior on how to handle redirection on cancellation. Selections available:-
|
Field Name for URL Redirect Value Passover |
Defines on which form field's value to be used as part of the redirection URL. (E.g. "id") |
Field Value Passover Method |
Defines on how to construct the redirect URL. Selections available:-
|
Request Parameter Name |
If "As URL Request Parameter" is chosen as the "Field Value Passover Method", the request parameter name must be defined in this field. (E.g. "page") |
Figure 4: Form Properties - UI
Submit Button Label |
Define custom Submit Button label. |
Cancel Button Label |
Define custom Cancel Button label. |
Custom Header |
Define custom HTML to be appended at the top of the form. |
Custom Footer |
Define custom HTML to be appended at the end of the form. |
Figure 5: Form Properties - Advanced
Userview Key Name |
Define field ID to pre-populate the form with. |
Load Data using Userview Key? |
|