Description
The Tabbars are created in Build.One using the SwatTabbar object. They can be added to a panel of a SwatWindow or SwatFrame and lets you add different tabs within the panel. Each tab can have its own content
Example
How to use it
1. Add a Tabbar
- Open a Screen Object with the
Object Designer and drag&drop an object of type SwatTabbar from the catalogue of objects to the desired panel in the preview panel. - Specify a unique object name for the tabbar.
- Define the visualisation of the tabbar (horizontal as a tabbar or vertical as a sidebar) with the property
TabVisualization - Define if text or icons or both should be shown with the property
viewTemplate
You can use the “SimpleSwatTabbar” object as a simple version of the object type SwatTabbar
2. Add new pages
To add new tabs in a SwatTabbar use the contextMenu in the LayoutDesign Panel that is opened with the gears icon. Use the option “Add new page”
Attributes
Attribute | Description | Example/Values |
Tab Visualization | Defines the kind of tabs | Tabbar/Sidebar |
View Template | Defines the visualisations of the description of the tabs | text/icons/icons_text |
PageKey | Defines the name and can be used to reference the tab e.g. in translation files (instead of non-fix Sequence) |
Best Practices
- For tabs always assign a
pagekeyas well
The translations can be controlled based on the tab-sequence as long as no 
How-To: Data Translation
pagekey is specified. If a pagekey is specified, it no longer works by sequence. (The sequence can change if you change the order of tabs and the translation then refers to the wrong tab in the sequence reference) More info in How-To: Data Translation Back to 
Documentation
Back to Home Page