0

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.

Reply Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
Like Follow
  • 1 yr agoLast active
  • 25Views
  • 3 Following

Home