Introduction

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

Get Started

The easiest way to see how the Section works are to use the existing built-in App Expenses Claims. Here are the steps:

Name

Screens (Click to view)

Start the Joget Server and open the App Center.
Log in as admin and click on the pencil icon on the Expenses Claim to open the Design App. (see Figure 1)
Click on Expense Claim New and you will be directed to the Form Builder.
Hover the mouse over the right side of the Section and click Edit Section to open the Edit Section properties.
To add a new section, click on the plus icon below the section (Figure 2)

^{Figure 1}

^{Figure 2}

Name	Description	Screen (Click to view)
ID	Element ID Since the section is not an input field, one may leave it as it is.
Label	Section Label
Readonly	Determines if the element is editable.
Display field as Label when readonly?	Displays the value of the element as plain text when an element is set to "Readonly".

Name	Description	Screen (Click to view)
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.

Name

Description

Screen (Click to view)

Visibility Control Rules

Sub-element	Description
Join Type	AND OR
Reverse Value	Equivalent of a NOT operator.
Field ID	The field ID of a form element to control the visibility of this section. Example status Lookup Into Subform Field You can look up into a subform field value to control visibility on your current (parent) form. Example subformId.status
Field Value	Show the visibility of this section, when this field value is present in the field ID defined above. Example Approved Example using Regular Expression Approved1\|Approved2\|Approved3
Using Regular Expressions?	In "Field Value", you can use Regular Expression.

Name	Description	Screen (Click to view)
Permission	Manage 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 a user's permission is denied.

Name	Description	Screen (Click to view)
Comment	Appends a helper text beside this section when in the form builder, to help app designers identify the section.