How to create and trigger interactions

This feature is only available for Slides.

When you have an interactive Slide, you may need to trigger interactions in order for the pop-ups on the page to be shown.

Select the item you want to trigger an interaction. In this example, a button should open a popup when it is clicked on.

Use the Interactions menu to setup the action.

• Label = A suitable name for the action

• If = Click

• On = Click on “Set by selected” which will add the ID of the element you already selected.

• Do = Apply State

• State = Select the state/popup it should activate

Click Update when you are done.

You can also use the Interactions menu to apply navigation to an item by selecting the Do = Navigate option.

It’s advisable to create a label that is explanatory and unique for interactions. Use titles such as:

• NaviToSlide1

• NaviToSlide4

or

• OpenPopupSafety

• OpenPopupPI

When an element has an interaction a mouse cursor icon is shown next to it in both the Navigate->Web menu and Fields menu. If needed, it is possible to stack multuple actions to the same element.

These two examples, open popups/states and navigating to other slides in your project are the most commonly used functions, but the list offers other interactions as well. Check the internal documentation provided with your Design System to understand the setup of your particular project.

Test interaction

Go to preview mode to test if the interaction behaves as expected