The Nested Tab page allows you to nest a Tab page within another page of your app.
For example, you can create a page named "Social" and nest all social media pages for Facebook, Twitter, and Instagram within this page.
To create a Nested Tab page, please follow the instructions given below:
Step 1: Log in to your Beezer Admin Dashboard.
Step 2: Navigate to the Build section and click Pages.
Step 3. Click on the + sign next to the Pages section. If you have not created the parent page, under which you want to nest pages, create the parent page as a Standard page.
Once the parent page is created, click the + sign next to the Pages section under Build to create the nested tab page.
Step 4: Select the "Nested Tab Page" option and click Next.
Step 5: Give a title to all Tab pages. Select the Parent page from the drop-down menu (under which you want to nest the tab pages). Click the Add Page button.
Step 6: Your nested page will be displayed under the selected parent page in the Build -> Pages section.
Step 7: Now click on the nested page and add any component by clicking on the + sign next to the page title.
Step 8: Add any component you want to display on the nested tab page. In the example below, we are adding the Facebook component.
Step 6: This component will be displayed on the nested tab page. The nested page will be displayed under the parent page you selected.
On the Appshell, your app menu will show the nested page as below:
Note: You can also change the Parent page of the Nested Tab page later.
Please Publish your app once you have made the changes, so they get reflected on your mobile app successfully.