Joget DX Beta 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.

 

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
 
Label
 
Form
 

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.

Image Added

Figure 3: 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"

Image Added

Figure 4: 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.

Image Added

Figure 5: Form Properties - Advanced

NameDescription
Userview Key Name
 

When set to point to a corresponding form input name, the userview key value will be set into the particular field.

Info
titleExample

Userview Key Value: hello

Userview Key Name: expenses_detail_hr_expense_new_title

Image Added

Load Data Using Userview Key?
 
When checked, record row will be loaded into the form using the userview key value. The "Userview Key Name" expected is "id" to facilitate record seeking using the primary key.