Layouts can be used to easily organize multiple menu items, support dynamic menus with a varying number of components.
When a new component is added to the Wrapping Layout it will automatically be placed relative to the component added before it. Where it will be placed is determined by the Content Alignment setting.
When the set width of the layout is exceeded components will be added to a new row above or below the previous one, again determined by the Content Alignment setting.
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 |
| Spacing | Set the space between components in the layout |
| X & Y Padding | Set the space between components and the borders of the layout |
| Content Alignment | Set how components added to the layout should align with other components in the layout |
| Inputs & Outputs | Set what inputs and outputs are visible in the UI Node |
| 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 of the Layout. Height will always be determined by the components within 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 components 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 |
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 invisible 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.