Introduction

Get Started

...

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

...

, the default bundled Expenses Claims app will be used for this example.

1. Start the Joget Server  and open the  App Center.
   
   
2. Log in as  admin  and click on the pencil icon on the  Expenses Claim  to open the  Design App. (see Figure 1)
   
   Image Added
   Figure 1
   
   
3. Click on    Expense Claim New and you will be directed to the 

...

1. Form Builder. 
   
   

2. Hover the mouse over the right side of the Section and click Edit Section to open the Edit Section properties.

...

1. 
   
   

2. To add a new section, click on the plus icon below the section (Figure 2)
   

^{Image Removed}

^{Figure 1}

...

1. 
   Image Added
   Figure 2

Section Properties

Edit Section

Image Added

Screen (Click to view)Image Removed

Name	Description
ID	Element ID. Since the section is not an input field, one may leave it as it is .	optional to change this. Please see Form Element for more information about defining the ID and list of reserved IDs.
Label	Section Labellabel.
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".

Data Binder

Image Added

Screen (Click to view)Image Removed

Name	Description
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.

Advanced Options

Visibility

Image Added

status

subformId.status

Approved

Approved1|Approved2|Approved3

Image Removed