Introduction

Get Started

To see how Section works, 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  Form Builder. 
   
   

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

5. 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

Data Binder

Image Added

Screen (Click to view)Image Removed

^{Figure 4}

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

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. Info title Lookup Into Subform Field You can look up into a subform field value to control visibility on your current (parent) form. Code Block title Example subformId.status Tip icon false The Field ID supports the use of parenthesis ( ), to group multiple conditions. To see this in action, try out this sample app here: APP_booleanTest-sample.jwa Field Value Show the visibility of this section, when this field value is present in the field ID defined above. Code Block title Example using Regular Expression Approved1|Approved2|Approved3 Using Regular Expressions? In "Field Value", you can use Regular Expression. Image Removed

Permission

...

Image Added

Permission

Development

Image Added

...

Download Demo App

APP_booleanTest-sample.jwa