Tabbar

Description
Example
How to use it
1. Add a Tabbar
2. Add new pages
Attributes
Best Practices

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

Example of a Tabbar with 3 Tabs

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.

You can use the “SimpleSwatTabbar” object as a simple version of the object type SwatTabbar

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

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 pagekey as well

The translations can be controlled based on the tab-sequence as long as no 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