Tabs have two functions. They are a navigational tool and a way to link content into your app. This article will show you how to create and customize tabs in your app project.

Where are the tabs?

1. Click on Projects and select your app  project
2. Next, click on Tabs

Creating a tab

To create a tab:

1. Click on + New Tab

2. Choose the type of content you want to link to the tab. It can be a screen, a tour, or a list. You can also create a Menu but we'll get to those later on.

3. Once you have chosen the type of content you want to link then select the specific piece of content. Click on the + symbol to link the content and create the tab. In the example pictured below, the Explore Auckland tour is being selected.

Customizing Tabs

Tabs can be re-ordered and the display icon can be changed.

Ordering tabs

Tabs will be initially displayed in the order they are created.  The first tab is always the home screen of the app. 

The order of the tabs can be changed. Click and hold the button with three horizontal lines (pictured below) to the right of the tab name. Drag and drop the tab up or down the list of tabs to reorder it. Once you have the tab order set don't forget to click save at the bottom right of the screen.

Change the tab icon

To change the tab icon click on the icon to the left of the tab.  This will open a pop-up window where you can select one of the hundreds of icon option

Notes

• The first tab is always the home screen
• There is space for around 5 tabs on most mobile screen devices
• The Settings tab is always present. It cannot be removed or reordered
• If you are using the QR Code Scanner or  Keypad functionality in your app then a tab for it will be automatically added

Attachments (8)

CleanShot_20....png
64.7 KB

CleanShot_20....png
93.4 KB

CleanShot_20....png
215 KB

CleanShot_20....png
147 KB

CleanShot_20....png
79.2 KB

CleanShot_20....png
33.6 KB

CleanShot_20....png
125 KB

IMG_B960F7FF....jpeg
104 KB