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.
