Object Interactions
Object Interactions are used primarily to create interactive prototypes.
This type of Interaction changes the state of an object on the page, and can be applied to a single object, a group of objects, or a Hotspot.
Object Interactions can be used to simulate:
- Dropdown menus
- Opening and closing a window or modal dialog in response to a button click
- Revealing a context menu on right-click
- Scrolling to a particular area, or element, on the click of a navigation link
- A radio, checkbox, or switch control that can be toggled
In this article, we’ll explain each part of an Object Interaction. You’ll also learn how to apply Object Interactions, and how to edit, duplicate and delete them.
Interactions Panel
The Interactions Panel is located in the Right Sidebar and from this Panel you will be able to:
- See all the Interactions that have been applied to an object
- Build an Interaction
- Create a Hotspot
- Display tooltips that show interaction links in Preview Mode
Trigger, Action, and Target
An Object Interaction is composed of three parts: a Trigger, an Action and a Target.
Trigger
A Trigger is the event that sets an Interaction in motion. In the ‘ON’ dropdown, you can choose from several triggers: Click or Tap, Double-Click, Right-Click, Mouse Over, Mouse Out.
Action
An Action is the instruction that will run after a trigger is engaged. The ‘DO’ dropdown lets you choose Actions that apply to Object Interactions or Page Interactions.
For Object Interactions you can choose: Toggle Visibility, Show Object, Hide Object and Scroll to Object.
Target

Add Object Interactions
To add an Object Interaction:
- Select the object or group to which you want to add the interaction
- Click the Interactions Tab to open the panel
- Go to the Add Interaction section
- Choose a trigger from the ON drop-down
- In the DO drop-down, select an action from the Object Interactions list
- Click the Target button to turn on Target Selection Mode
- To select your target, click on any object or group, either on the Page or in the Outline Panel
- Click Done to apply the interaction
Set Invisible State
When you are building an interaction, you’ll often want to hide the target object so that it is invisible, in the initial state, and appears only after a trigger event – for instance, a dropdown menu that reveals itself only when the dropdown arrow is clicked.
There are two ways to set an object’s state to invisible:
From the Outline Panel
- Select the object that you want to make invisible
- Navigate to the Left Sidebar and click on the Outline Tab
- The tab will turn blue, and will open the Outline Panel
- In the Outline Tree, the object’s name will be highlighted in blue
- Hover over the object’s name and, just to the right, click on the Eye Icon to make the object invisible
From the Format Panel
- Select the object you want to make invisible
- Navigate to the Right Sidebar and click on the Format Tab
- The tab will turn blue, and will open the Format Panel
- At the top of the Format Panel, you’ll see the object’s name in blue
- Click on the Eye Icon just to the right of your object’s name to make the object invisible
Edit, Duplicate, or Delete Object Interactions
When you apply an interaction to an object, it immediately appears in the Interactions List at the top of the Interactions Panel. As you add more interactions to that same object, you’ll see them appear there as well. You can easily edit or delete any interaction from the list – or duplicate an interaction for quick reuse.
Edit Interaction
Editing an interaction is useful when you want to change parts of an already existing interaction. By using the editing function, you can update the Trigger, the Action, or the Target individually – without affecting the other parts of the interaction.
To edit an interaction:
- Select the object or group of objects whose interaction you wish to edit
- Click the Interactions Tab to open the Interactions Panel
- At the top of the panel, locate the interaction you want to edit
- Click the Tool icon
- Change the interaction in the Update Interaction section
- Click Update to save your changes
- Your updated interaction will flash yellow in the list for a few seconds
Duplicate Interaction
Often, you may want to apply different variations of an interaction to the same object. The Duplicate function lets you duplicate an extant interaction, and then edit it’s Trigger, Action and Target to suit your needs.
To duplicate an interaction:
- Select the object or group from which you want to duplicate an interaction
- Click the Interactions Tab to open the Interactions panel
- At the top of the panel, locate the interaction you want to duplicate
- Click the Duplicate icon and an identical interaction will appear in the Interactions List at the top of the panel
- To edit the new interaction, click on the Tool icon and follow the steps from the Edit Interactions section of this article

Delete Interaction
To delete an interaction:
- Select the object or group of objects from which you want to delete an interaction
- Click the Interactions Tab to open the Interactions panel
- At the top of the panel, locate the interaction you want to delete
- Click the Delete icon
Questions & Answers
What interactions function in an exported PDF?
All Page Interactions function normally, with the exception of Jump Back, which relies on your browser history for direction. Object Interactions do not function in PDFs. If you want to provide stakeholders a fully functional prototype, invite them as project guests, or share a project link. Learn how to do both of these in Sharing. You can also export a fully-interactive, offline HTML version of the Viewer itself.