While working in Editor, there may be instances where you need to edit or add interactivity in an experience to show or hide content, such as revealing and hiding popups. Follow the guide below to learn how to edit and add show/hide visibility interactions within Editor.
How to edit an existing visibility interaction
While in Edit mode, click on the asset on your canvas with a visibility interaction applied to it, doing so will open the Design and Interact tabs menu.
In this menu, click on Interact, then find the existing show or hide interaction attached to the asset.
Hover over the interaction, then click the pencil icon to edit the interaction. Note: You can also remove the interaction here entirely by clicking the X icon.
Two dropdown menus will appear, one to select/modify the interaction trigger type (On click or On hover), and the other to select/modify the interaction itself (the visibility interactions available are Show and Hide). Select the appropriate trigger type and interaction.
After specifying the trigger type and interaction, select which asset(s) you wish to target with the interaction.
Finally, click Update to finish editing the interaction.
How to add a visibility interaction
While in Edit mode, click on the asset on your canvas that you wish to add a visibility interaction to, doing so will toggle the Design and Interact tabs menu.
In this menu, click on Interact, then click the + icon to begin adding your interaction.
Two dropdown menus will appear, one to select the interaction trigger type (On click or On hover), and the other to select the interaction itself (the visibility interactions available are Show and Hide). Select the appropriate trigger type and interaction.
After specifying the trigger type and interaction, select which asset(s) you wish to target with the interaction.
Finally, click Save Interaction to finish applying the interaction to your asset.