Tab Control
Description
The tab control allows for the repetition of a set of observation questions where the user can add and switch between each set using tabs.
Use
It is best to use tab control to present and edit larger datasets efficiently on screen. The system presents each set of answers on a tab and the user can switch between tabs, add new tabs, and remove/delete existing tabs in creating the observation data set. For example, an application that asks the same set of questions about office locations where the number of locations can vary (e.g. London, Paris, New York) can use tab control so the user creates the named tabs and provides inputs for each location.
Editor Fields
| Tab | Field Name | Description | Type/Options | Optional/Mandatory |
| Call | Logicnet to call | This is the name of the logicnet the system will call when the tab control renders its content. | Text | Mandatory |
| Call | Logicnet ID | This field is not editable. The system will display the id of the selected logicnet. | Number | Mandatory |
| Call | Context path | This is the name of the collection view. Note: The collection name must be unique for the tab control. | Data Object | Optional |
| Call | Collection | Text | Mandatory | |
| Parameters | Source | This is the name of the actual collection of items to be displayed by the tab control. | Text | Mandatory |
| Parameters | Tab-index | This is the index of the selected tab by default. | Number | Optional |
| Parameters | Number of visible tabs | This is the number of tabs at a time the system will display within the tab control. The default value is 5. If there are multiple tabs, you can navigation buttons can used for navigation. |
Number | Mandatory |
| Parameters | Caption | This is the item in the collection the system displays as the caption on the tab. | Text | Mandatory |
| Parameters | Add/remove tab | This option allows you to display buttons to add or remove tabs. These buttons allow users to add or remove tabs. The default value is yes. | Yes | No | Mandatory |
| Parameters | Add navigation | This options allows you to display navigation buttons that allow the user to navigate to the next or previous tabs. The default value is yes. | Yes | No | Mandatory |
Configuration Options
Tab control includes multiple configuration options:
- Place multiple tab controls on a single page.
- Link multiple tab controls together:
- Tab Index: The navigation for both tab controls is synchronized.
- Source: Both tab controls look and write to the same collection of data items. - Nest tab controls within tab controls or other controls.
Example
Please download and import the following example project in your workspace.