The IQNOX Tabs Widget is a replacement for the ThingWorx Tabs widget with a massively improved user experience, simplifying bindings and general use.
Usage
Properties
| Properties | Type | Binding | Default | Description |
|---|
| CustomClass | STRING | <> | | Enables you to define an html class to the top div of the widget. Multiple classes can be entered, separated by space |
| Template | LIST | < | Template 1 | The widget template to use for this widget |
| NumberOfTabs | INTEGER | | 3 | How many Tabs to display |
| DefaultSelectedTab | INTEGER | | 1 | Auto select the specified tab on runtime. 0 selects none of them. |
| SelectedTabName | STRING(localized) | <> | | Name of selected tab |
| SelectedTabValue | STRING | <> | | Value of selected tab |
| HideTabs | BOOLEAN | FALSE | | Hides tabs and only shows content |
Services
| Property | Type | Binding | Description |
|---|
| SelectDefaultTab | SERVICE | < | A bindable service to reselect the default tab configured for this widget. |
| ResetInputsToDefaultValue | SERVICE | < | A bindable service that resets all the widgets in the tabs content to their default values. |
Events
| Property | Type | Binding | Description |
|---|
| SelectedTabChanged | EVENT | > | Triggers an event when the selected tab changed |
Content tab panel settings
Properties
| Properties | Type | Binding | Default | Description |
|---|
| TabName | STRING(localized) | < | Tab1Name | Label displayed on the tab |
| TabValue | STRING | < | Tab1Value | Value used to identify the tab |
| TabIconURI | STRING | < | | Shows the icon before the tab label |
| TabBubble | STRING | < | | Notification bubble displayed to the right of the tab name |
| TabVisible | BOOLEAN | < | TRUE | Toggles the visibility of the tab |
| TabDisabled | BOOLEAN | < | FALSE | Shows the tab as disabled |
| TabBubble | STRING | < | FALSE | Shows a notification bubble after tab |
Services
| Property | Type | Binding | Description |
|---|
| SelectTab | SERVICE | < | A bindable service to select a specific tab |
Events
| Property | Type | Binding | Description |
|---|
| OnSelected | EVENT | > | Triggers an event when that specific tab was selected |
| OnDeselected | EVENT | > | Triggers an event when the selection moves to another tab |