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


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

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
ReadonlyDetermines if the element is editable.
Display field as Label when readonly?Displays the value of the element as plain text when element is set to "Readonly".

 

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

 

Figure 4: Section - Advanced Options

NameDescription
Visibility Control Rules
Sub-elementDescription
Join Type 
Reverse Value 
Field ID

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

status
Field Value

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

Approved

Approved1|Approved2|Approved3
Using Regular Expressions?In "Field Value", you can use Regular Expression.
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.
Comment