Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Section is the placeholder to hold Form Elements. Each section has one column in it by default.

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This feature is enhanced in Joget Workflow v6 to support visibility control rules, section readonly.


Image AddedImage Removed

Figure 1: Section highlighted in blue in sample HR Expenses Claim app

Screenshots in this article obtained from http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expense_new

Image RemovedImage Added

Figure 2: Section Properties

NameDescription
ID

Element ID

Since the section is not an input field, one may leave it as it is.

LabelSection Label
Readonly

Determines if the element is editable.

Info
titleNew Feature

New Feature added in Joget Workflow v6

Display field as Label

Image Removed

when readonly?Displays the value of the element as plain text when element is set to "Readonly".

 

Image Added

Figure 3Figure 2: Section - Data Binder

NameDescription
Load Binder

Optional by default. When it is not set, it will use the parent's binder. You may override this behavior by using its own designated binder by defining it.

Store Binder

Optional by default. When it is not set, it will use the parent's binder. You may override this behavior by using its own designated binder by defining it.

 

Image RemovedImage Added

Figure 34: Section - Advanced Options

Visibility control - You may control the visibility on showing this section by relying on another field value from other section value to display this SectionVisibility control - You may control the visibility on showing this section by relying on another field value from other section value to display this Section
NameDescription
Visibility Control Rules
Sub-elementDescription
Join Type
  • AND
  • OR
Reverse ValueEquivalent of a NOT operator.
Field ID

The field ID of a form element to control the visibility of this section

.

Code Block
titleExample
status
Info
titleLookup Into Subform Field

You can look up into a subform field value to control visibility on your current (parent) form.

Code Block
titleExample
subformId.status
Field
Value

Show the visibility of this section, when this field value is present in the field ID defined above

.

Code Block
titleExample
Approved
Code Block
titleExample using Regular Expression
Approved1|Approved2|Approved3
Using Regular Expressions?In "Field
Value", you can use Regular Expression.
Info
titleNew Feature

New Feature added in Joget Workflow v6

PermissionManage the permission on who to see this section. See Permission Control.
Show as readonly when no permission?

Displays the value of the element as plain text when user's permission is denied.

Info
titleNew Feature

New Feature added in Joget Workflow v6

Comment

Appends a helper text beside this section when in the form builder, to help app designers identify the section.

Info
titleNew Feature

New Feature added in Joget Workflow v6