Tabs
In general Tabs are used to break up content into multiple sections within one screen to be able to save space on a page. Each section contains its own content e.g. forms. The switching between each tab is done by clicking on the tabs label.
Tabbed Pane Widget Specifications
The actual Tabbed Pane element is needed as a main template organizing the single tabs and their order and position. It is later assigned to the <<UITabState>>.
The way the tabs are organized is defined in the tabbed panes specifications.
Property | Description |
---|---|
Name | Name of the Tabbed Pane container |
Active Tab | Defines which tab is initially active when the page is loaded. |
Tabbed Pane Navigation
The tab navigation is defined in a Tabbed Pane Navigation (<<UITabState>>).
The xUML Compiler enforces some rules:
- There must be exactly one start bubble within the <<UITabState>>
- A <<UITabTransition>> can only have one target state.
- The <<UITabState>> needs a template defined to be able to validate whether all positions could be found.
Related Pages:
Usage of the UI Widgets: