This document explains how to select and configure the Layouts in your app, and then Screens within the layout (including their respective navigation).
In order to improve and facilitate the configuration of the Screens and Navigation per Layout, a layer of navigation has been created within the UI Builder.
You will see that all areas that make up a ‘Layout’ are accessible and easily configured:
1) In the UI builder, Select "Layouts" from the left-hand vertical menu.
There you can select the Specific Layout that interests you:
2) Click on the Layouts header in the top bar.
This will open a popup screen where you will be able to see your available Layouts:
Select a Layout by clicking on it's name in blue. For example:
3) Once the specific layout is selected, you will see that:
a- The layout name has changed in the top bar of the screen, to the one we selected (in this example: to "production"):
b- Notice also the Tabs populating the top bar of the screen -
This top bar contains the ability to configure the different Screens that populate the Layout, and the Navigation of those screens.
In the future there will be additional tabs, for example "cell styles"
--> In order to Learn how to configure and Create a Screen in the UI builder, click HERE
--> In order to Learn how to configure and Create a Navigation per Screen, click HERE
Duplicating a layout in the UI Builder
We have seen till now, how we can create and configure the Layouts in your app.
In the following article we will learn how to create a Duplicate of an existing layout.
This duplicate layout can be targeted by a new app version, and thus point to different screens than your current app in production. But primarily the duplicate function, is especially effective for QA and Testing purposes.
For more information on How to Duplicate a Layout in the UI builder, click HERE