Joget DX Preview Release Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Image Removed

Form Userview Element allows one to directly enter/view Form data without being part of a process flow.

Image Added

Figure 1: Screenshot highlighting a Form in a Userview

Image Added

Figure 2: Form Properties

NameDescription
Custom ID

Item link slug. Optional field.

Info
titleUnique field

Value defined here must be unique to the rest of the Userview Menus as the first matching name will be called upon.

Label
Menu label. Mandatory field.
Form
Target form to load. Mandatory field.
Show in popup dialog?
If checked, user will be presented in a popup dialog.
Readonly?
All the fields in the target form will be rendered as read only when checked.
Display field as Label when readonly?
Fields set to read only will be rendered as label/text instead of being bounded in its original input element.

Figure 23: Form Properties - Redirection

NameDescription
Message Shown After Form Submission
Message Shown After Form Submission.
 
URL Redirect After Form Submission
URL Redirect After Form Submission.
URL Redirect on Cancellation
URL Redirect on Cancellation.

 

Info

When this value is set, the Cancel button will appear at the bottom of the form.

Redirect Target on Cancellation
  • Top Window
  • Current Window
Field Name For URL Redirect Value Passover
Field id from the preceding form to retrieve the value from.

Field Value Passover Method

  • Append to URL
  • As URL Request Parameter
Request Parameter Name
Parameter name to hold the value retrieved using "Field Name For URL Redirect Value Passover"

Figure 34: Form Properties - UI

NameDescription
Submit Button Label

Submit Button Label.

Default Value: Save

Cancel Button Label
Cancel Button Label.
Default Value: Cancel

 

Info

The Cancel button will only appear when "URL Redirect on Cancellation" is set.

Custom Header
Custom Header in HTML.
Custom Footer
Custom Footer in HTML.

Figure 45: Form Properties - Advanced

...