Action Mode Sidebar

• Action Mode Sidebar
  • Actions List
  • Action Settings Panel

Action Mode Sidebar

The Action Mode Sidebar is accessed by going to the Module Editor, then in the Right Sidebar clicking the Action icon ¹ to enter Action Mode.

The Action Mode Sidebar is where interactive behaviour is added to a module. Every action listed there belongs to a slide rather than to a layer, and each action names the layer or layers that fire it.

Use the sidebar to add actions, to see everything the current slide already does, and to open any action’s settings panel for configuration.

Slide (Dropdown)

Determines which slide’s actions are listed below.

Each entry shows a count of the actions currently on that slide. The list is fetched from the slides in the current module, so how many options appear and what they are named varies from one module to the next.

Add New Action (Button)

Adds a new action to the current slide and opens its settings panel. The action does nothing until a Type is chosen for it, and until then it appears in the list as Customize Action.

Actions List

The Actions List shows every action on the current slide, sorted into groups by the category each action belongs to.

Category Group (Expander)

Collects all of the slide’s actions of one category, such as Modal or Full Screen, under a single collapsible heading. Actions cannot be reordered by hand, they are sorted into these groups automatically as they are created.

Action Item (Button)

Click to open that action’s settings panel. Once the action has a Type, the item shows what the action targets on the left and the action’s name on the right.

Duplicate Action (Button)

Creates a second copy of that action on the same slide, carrying over its settings. The copy appears directly below the original in the same Category Group.

Delete Action (Button)

Removes that action from the slide.

Action Settings Panel

The Action Settings Panel holds the full configuration for one action. It opens beside the sidebar when an action is selected, and closes again when you click anywhere outside it.

Type (Dropdown)

Sets which action is performed when the trigger fires. The settings shown below it change to match the action chosen, so this is always the first thing to set on a new action.

Options:

• _{Menu Link & Scroll}: Follows a link and scrolls to a specified point on arrival, for menu style navigation.
• _{Simple Link}: Opens a specified URL.
• _{Call Back Function}: Runs a JavaScript function already present on the page.
• _{iOS Gyroscope Permission}: Asks visitors on iOS to grant the device motion permission that gyroscope based effects need.
• _{Go To Slide}: Moves the module to a chosen slide.
• _{Pause Slide Playback}: Pauses the module’s progression through its slides.
• _{Resume Slide Playback}: Resumes the module’s progression through its slides after it has been paused.
• _{Toggle Playback}: Pauses slide progression if it is running, and resumes it if it is paused.
• _{Play Scene}: Plays a chosen scene.
• _{Toggle Scene}: Toggles between playing two chosen scenes.
• _{Toggle Class}: Adds a CSS class to the target layers if they do not have it, and removes it if they do.
• _{Simulate User Click}: Triggers a click on the target layers as though the visitor had clicked them.
• _{Scroll To ID}: Scrolls the page to the element with a given ID.
• _{Scroll Below Module}: Scrolls the page down to just past the bottom of the module.
• _{Open Modal}: Opens another module as a modal popup.
• _{Close Modal}: Closes a module that is open as a modal popup.
• _{Play Media}: Starts playback on the target media layers.
• _{Stop Media}: Stops playback on the target media layers.
• _{Toggle Media}: Starts playback on the target media layers if they are stopped, and stops them if they are playing.
• _{Mute Media}: Mutes the target media layers.
• _{Unmute Media}: Unmutes the target media layers.
• _{Toggle Mute Media}: Mutes the target media layers if they are audible, and unmutes them if they are muted.
• _{Enter Fullscreen}: Switches the module into full screen mode.
• _{Exit Fullscreen}: Leaves full screen mode.
• _{Toggle Fullscreen}: Enters full screen mode if not already in it, and leaves it if in it.

Event (Tab Select)

Sets which visitor interaction with the trigger layers fires the action.

Options:

• _Click: Fires when a trigger layer is clicked or tapped.
• _Enter: Fires when the pointer moves onto a trigger layer.
• _Leave: Fires when the pointer moves off a trigger layer.

Trigger (Multi-select)

Selects the layer or layers that fire this action. The list is searchable, and any number of the current slide’s layers can be selected.

Timing Section (Expander)

In the Timing section set the pauses that surround the action, so that a sequence of actions can be staggered rather than all firing at once.

Delay (Number, milliseconds)

Sets how long to wait after the event fires before the action runs. A value of 0 runs the action immediately.

Next Delay (Number, milliseconds)

Sets a pause measured from this action, before the next action on the same trigger runs.

Reset Child Timelines (Toggle)

Determines whether the timelines of the layers within the scene are returned to their start when the scene is played.

Options:

• _On: Reset the child timelines.
• _Off: Leave the child timelines as they are.