...
| Table of Contents |
|---|
...
Introduction
| English | |
|---|---|
The section is | green |
| borderWidth | 1 |
| titleBGColor | #ddffcc |
| borderStyle | solid |
| title | Definition | Section is the placeholder to hold Form Elements. Each section has one column in it by default. |
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
This feature is enhanced in Joget Workflow v6 to support visibility control rules, section readonly. |
...
Get Started
To see how Section works, the default bundled Expenses Claims app will be used for this example.
- 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)
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 2
Section Properties
Edit Section
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
| Name | Description |
|---|---|
| ID | Element ID. Since the section is not an input field, |
it is optional to change this. Please see Form Element for more information about defining the ID and list of reserved IDs. | |
| Label | Section |
| label. | |
| Readonly | Determines if the element is editable. |
| Info | ||
|---|---|---|
| ||
New Feature added in Joget Workflow v6 |
| Display field as Label when readonly? | Displays the value of the element as plain text when an element is set to "Readonly". |
...
Data Binder
Figure 3: Section - Data Binder
| 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
Figure 4: Section - Advanced Options
| Name | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Visibility Control Rules |
|
status
|
Approved
|
Permission
...
| Name | Description |
|---|
| 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. |
Development
...
| Name | Description |
|---|
| Comment | Appends a helper text beside this section when in the form builder, to help app designers identify the section. |
| Info | ||
|---|---|---|
| ||
New Feature added in Joget Workflow v6 |