Overview
You can now set the default Open or Close state of a Pop-up at story runtime using a single UI option, entirely replacing the need to write JavaScript [Popup_1.open() or Popup_1.close()].
Open Pop-up
- From the story’s outline panel: You can either create Story pop-up or page pop-up as below:
Image 1. Create story pop-up
Image 2. Create Page Pop-up
- Create Button to open Pop-up:
- On the navigation bar, click Insert symbol > Button
- Click More Actions (three dots) > Add > Hyperlink
- From the dropdown menu, select Popup
- From the pop-up dropdown menu, select the pop-up you want to link, the example here is
- Save Story
Close Pop-up
- From the story’s outline panel: You can either create Story pop-up or page pop-up as below:
Image 1. Create story pop-up
Image 2. Create Page Pop-up
- Adjust to close the Pop-up:
Select the pop-up on the Outline Panel
Case 1: Close pop-up by selecting outside (Click anywhere outside of the pop-up to close it)
- On the Designer Panel (right-hand side), toggle on Select outside to close popup > Apply
Case 2: Have the Cancel button to close the popup window.
- On the Designer Panel (right-hand side), toggle on Enable header and footer.
- Click on the Arrow at the Cancel header > Toggle on Close popup > Apply
- Save the story.
