Screens allow you to visualize the tables in your app to create a custom user experience. It consists of 3 main areas.
At the left, you can create new screens and adjust navigation under the "Screens" heading. Just below, you can see all the elements on the selected screen, add new elements and arrange them.
The "Playground", where you can see real data and instant changes, allows you to improve while using your app. The screen you are viewing in the Playground is the screen selected in the Screens area, and the elements on that screen are listed at the bottom left. From this section, you can access the settings of the element you selected from the right area.
You can access the settings of the selected screen and element from the right area. Also, when you want to add an element to the screen, All Elements are listed in this section.
Go to Screens on the left menu, click +, and create a new screen. On the right, type your screen Label and select its Icon
With this setting, you can determine who you want to see and access the screen you have created.
You can add up to two icon buttons to the top right of the screens. To add a button, click + Add button under the "Right Buttons" heading. Select the icon of the button added as “Right Button 1”. Under the Actions heading, "No Action" comes by default. Just choose the type of action you need. You can add multiple actions to the same button.
Add a button to the upper right corner of the screen from the Screen Settings-Right Buttons section. Select "Show Screen" from the Actions. Then select the relevant screen and complete the redirection.
Under the Screens heading are Tab, Menu and Built-in sections that help you create app navigation. Newly created screens are added to the top of the list and displayed separately from these groups.
Create the application navigation by dragging the desired screen to the Tab or Menu title and arranging the screens in the order you want.
Under the Built-In heading, automatic screens created in line with the decisions you make are listed. For example, the list element automatically creates a detail screen, a crate, and an update form.