In this article, you will learn:
- How to design apps with the Master Layout
- How to apply triggers to every step in the Master Layout
Note: This topic is featured in the "Introduction to App Building" course in Tulip University.
The Master Layout makes it easy to add text, buttons, widgets, and formatting that will be applied to all new steps in an app.
When you add widget to the Master Layout step, they appear on every step within the app, as well as on any additional steps you may add.
A widget is any element that can be dragged onto the App Editor.
If you remove a widget from the Master Layout, it is removed from every step. Follow the instructions below to add and remove elements from the Master Layout.
To add a widget to the Master Layout:
- Open an app from the 'Apps' Tab.
- Click on the 'Master Layout' step in the bottom left of the App Editor as shown below:
3. Insert a text, variable, button or other widget into the Master Layout
4. Confirm that the new widget is present on each step
Removing A Widget from Master Layout on an Individual Step
Let's say that you want a widget to appear on every step except for one. You need to remove the widget from the one step so you don't need to copy and paste it into each one.
- Click on the widget and note the lack of resize handles.
- Click on the unlock button in the right hand menu
3. The widget is now unlocked from the Master Layout and belongs only to that step. You can add customization (change color, add a trigger, etc.) to this individual widget and it will not affect any other step.
Additionally, you may want to remove all widgets from the Master Layout at once, rather than selecting them one by one. You can do this with the "Gear" icon at the top of the Step tab in the Context Pane.
You can also restore all master widgets after you have removed some of them.
Using Triggers With The Master Layout
You can also add Step Triggers to your Master Layout. These triggers run upon steps being opened, steps being closed or an external event from a machine or connected device.
After you add these step triggers to the Master Layout, they will appear in the Context Pane and be automatically applied to every step in the app.
However, once you select a different step, the triggers will not appear in the Context Pane, even though they are present. This means that you cannot remove these step triggers from individual steps.
Did you find what you were looking for?
You can also head to community.tulip.co to post your question or see if others have faced a similar question!