Add and configure a Tabbar (SwatTabbar)

1 Context:

🧠

After creating our first screen and modifying the layout, we are now adding the next No-Code object. We are using the Tabbar to further refine the layout and to bring more depth to our screen. With the Tabbar, we have the ability to add multiple pages and navigate through them.

2 Result:

3 Step by step guide:

Search in the panel “Library of Objects” for the object “SimpleSwatTabbar” and drag & drop it to panel “C” in the “Design view” tab.
Please expand the “Object structure” panel until you can see the gearwheel of the “SimpleSwatTabbar/tabbar” and select it
Select “Add new page”
Call it “Customer Information” and select “Add”
Add another page is called “Item Information”
Please click on “Launch” to see your interim result

4 Explanation:

☝

By adding the Tabbar, we have refined our screen further and provided the opportunity for more depth. We simply added it by using drag & drop and then added new pages. In addition, it is possible to change the layout of each individual page within.

5 Helpcenter Article

Tabbar

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

helpcenter.build.one