...
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)
|  Image Modified
Figure 1
 Image Modified
Figure 2 |
Section Properties
Edit Section
...
| Name | Description | Screen (Click to view) |
|---|
| Visibility Control Rules | | Sub-element | Description |
|---|
| Join Type | | | 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 |
|---|
| subformId.status |
|
| | 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. |
| |
Permission
| Name | Description | Screen (Click to view) |
|---|
| Permission | Manage the permission on who to see this section. See Permission Control. |  Image Modified
|
| Show as readonly when no permission? | Displays the value of the element as plain text when a user's permission is denied.
|
Development
| 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.
|  Image Modified
|
