Layouts can be used to easily organize multiple menu items, support dynamic menus with a varying number of components or create scrollable menus.
When a new component is added to the Vertical Layout it will automatically be placed above or below the component added before it.
When components are reordered in the hierarchy panel they will automatically change position in the layout.
| Name |
Set the name of the Layout Used to identify Inputs & Outputs in the User Interface Node |
| Use Content Width | Automatically set the layout width based on the width of components within it |
| Use Content Height | Automatically set the layout height based on the height of components within it |
| Auto Alignment | Automatically update the Layout's alignment as it is moved around the canvas to the nearest alignment point |
| Alignment | Set the screen region to align the Layout with |
| Width/Height | Set the Width & Height of the Layout |
| X/Y | Set the X & Y screen position relative to the set alignment point |
| Visible | Set the Layout's visibility * Note that invisible layouts will not be visible during gameplay but will remain visible in the UI Editor canvas |
| Transition | Set how the Layout should appear/disappear when it is made visible or invisible |
| Spacing | Set the space between components in the layout |
| Inputs & Outputs | Set what inputs and outputs are visible in the UI Node |
Use inputs and outputs to send data into or out from your Layout.
Edit which Inputs & Outputs are enabled by tapping the Inputs & Outputs button in the Properties menu and toggling on the inputs you want.
| Position X & Y | Input values to adjust the X or Y position of the layout |
| Scale | Input values to adjust the scale of the layout |
| Opacity | Input values to adjust the opacity of the layout |
| Visible | Input values to adjust the visibility of the layout |
| Collapse | Adjust the visibility of the layout and adjust position of surrounding components to fill the empty space *Note: Only works if the layout is embedded in a vertical or horizontal layout |
| Add Widget | Input a widget to add to the layout |
| Remove Widget | Input a widget to remove from the layout |
Widgets are collections of components that can be added or removed from layouts while your game is running.