UI Hierarchy Interactivity Toggle Component

You can use a Hierarchy Interactivity Toggle component to make an element and its children interactable or non-interactable. This affects all interactive components on your element, and its children.

To start interactive, or start non-interactive, you can change the Is Interactable toggle in the UI Editor Properties pane.

Using the script node: “Set Interactivity State”, you can change the interactive components on the element and all its children at once. This allows an easy way to group up interactive elements and enable and disable them collectively. Useful when making UI windows or sections that should all be enabled and disabled at once, for example, when making a pop-up window disable the UI behind it.

To add a Hierarchy Interactivity Toggle to an element

• In the UI Editor, Properties pane, select Add Component…, in the Component list select “HierarchyInterativityToggle”.

To edit a Hierarchy Interactivity Toggle component

In the UI Editor Properties pane, expand Hierarchy Interactivity Toggle and do the following, as appropriate:

Is Interactable

By toggling it on, your UI Element and it’s children will start interactive, like is default.

By toggling it off, your UI Element and it’s children will start non-interactive, making all interactive components on the element or children unable to be navigated to with UI navigation input, or clicked with the mouse.

Control the interactivity with scripts to enable and disable interactivity on command.