Modal Actions

• Modal Actions
  • Open Modal Panel
  • Close Modal Panel

Modal Actions

Modal actions are accessed by going to the Module Editor, then in the Right Sidebar clicking the Action icon ¹ to enter Action Mode, clicking Add New Action ², and in the Action Settings Panel setting Type ³ to Open Modal or Close Modal.

These two Modal actions let one module open another module as a popup over the page, and close it again. This is how a gallery, a contact form or a video can be shown on top of the current page without navigating away from it.

Open Modal Panel

The Open Modal panel configures which module opens as a popup over the page, and what triggers it to open.

Type (Dropdown)

Sets which action is performed when the trigger fires. Choosing Open Modal is what brings up the Modal section below, where the module to open is selected.

Event (Tab Select)

Sets which visitor interaction with the trigger layers opens the modal.

Options:

• _Click: Opens the modal when a trigger layer is clicked or tapped.
• _Enter: Opens the modal when the pointer moves over a trigger layer.
• _Leave: Opens the modal when the pointer moves off a trigger layer.

Trigger (Multi-select)

Selects the layer or layers that open the modal. The list is searchable, and any number of the current slide's layers can be selected.

Modal Section (Expander)

In the Modal section choose the module that opens as a popup, and which of its slides it opens on.

Module (Dropdown)

Selects the module to open as a modal. Any module in the installation can be chosen and nothing has to be enabled on it beforehand. The list is searchable and shows each module's type in brackets after its name.

Slide (Dropdown)

Selects which slide of the chosen module the modal opens on. The list is populated from the module chosen in Module, so it stays empty until that is set.

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 modal opens. A value of 0 opens it immediately.

Next Delay (Number, milliseconds)

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

Close Modal Panel

The Close Modal panel configures which open modal is closed, and what triggers it to closed. It is most often used on a close button inside the module that was opened as a modal.

Type (Dropdown)

Sets which action is performed when the trigger fires. Choosing Close Modal is what brings up the Modal section below, where the modal to close is selected.

Event (Tab Select)

Sets which visitor interaction with the trigger layers closes the modal.

Options:

• _Click: Closes the modal when a trigger layer is clicked or tapped.
• _Enter: Closes the modal when the pointer moves over a trigger layer.
• _Leave: Closes the modal when the pointer moves off a trigger layer.

Trigger (Multi-select)

Selects the layer or layers that close the modal. The list is searchable, and any number of the current slide's layers can be selected.

Modal Section (Expander)

In the Modal section choose which open modal is closed.

Module (Dropdown)

Selects the modal to close. As well as naming a specific module, the list offers two options that close whatever is currently open without naming it.

Options:

• _{All Opened Modal}: Closes every module currently open as a modal.
• _{Current Focused Modal}: Closes the modal that currently has focus.

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 modal closes. A value of 0 closes it immediately.

Next Delay (Number, milliseconds)

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