Creating Popups Using the "Link" Button

Note: Be aware that objects will lose their Object ID when they are grouped/ungrouped. To fix this, just select the Clickable Area, note the "Ref. Obj ID" and enter it as the Object ID for the object you wish the Clickable Area to be connected to.

In the mag+ Objects Panel, the Object Type will show Hotspot. Because you selected the grouped object before clicking Link, the Ref. Object ID will automatically be populated with the name of the grouped object's Object ID.

Hotspots can be triggered in a variety of ways and the behavior is set in the mag+ Object panel in the dropdown menu called Trigger. By default, the Trigger will be when someone taps the Hotspot area but other options include:

• On Tap: The Hotspot will be triggered when a user taps on the Clickable Area box.
• In View: The Hotspot will be triggered when the Clickable Area box comes into view on your layout.
• Out of View: The Hotspot will be triggered when the Clickable Area box exits view on your layout.
• Shake (iOS only): The Hotspot will be triggered when the Clickable Area box is in view on your layout and the user shakes the device.
• None: There is no user-accessible trigger. The Hotspot will only be triggered by another Link.

The syntax for Popup URLs is "popup://<object id>" where <object id> is replaced by the name you give the content placed on the Popup layer.

Note: Object IDs can always be added later to the actual Popup content, so you can choose a name here that you will apply later to the Popup content.

You always place the content of the Popup on the layer associated with the layer where the trigger is placed.

The Popup layers in a mag+ InDesign document are:

• Ap - Popup - Main Tower: The Popup layer associated with content placed on A - Main Tower
• Bp - Popup - pinned blocks: The Popup layer associated with content placed on B - Slides - pinned blocks
• Bp - Popup - main content: The Popup layer associated with content placed on B - Slides - main content

Note: You cannot place the content of a Popup on any other InDesign layer. Also, Popups must be placed within the document boundaries of the template. Popups placed on the Pasteboard will not export.

Place the Popup content where you want it to appear when viewed on the device. You can have multiple images displayed, a group consisting of images and text, etc. In this example, a larger image with a grouped graphic has been placed. This group represents a single Popup.

The Object ID of a Block on the Popup layer should match the URL entered in the Clickable Area.

There are various options for how a Popup is displayed:

Standard

The Standard Popup will appear instantly once the trigger object (Hotspot) is tapped. A user taps on the Hotspot again to dismiss the Popup.

• Initially visible: Displays the Popup instantly. Tap the trigger object (Hotspot) to hide the Popup.
• Popup group: A Popup that is part of a larger (or nested) group of Popups.

Note: Only one Popup in a Popup group can be displayed at a time. Triggering another Popup that is part of the same group will automatically close the previous Popup.

Modal

Modal Popups are displayed differently than standard Popups. A modal Popup fades in a darker, transparent layer behind the Popup in order to give it more focus. A user taps on the darker background to dismiss the modal Popup.

• Popup transition: The transition used to display the modal Popup. Options include Default, Zoom, and Flip. The Default option simply fades the Popup into view. Zoom is an animation that scales the Popup as it appears. Flip will flip the Popup as it appears.
• Add close box: (Only for Modal Popups) Adds a close button in the right-hand corder of the Popup. End-users must tap the close box in order to dismiss the Modal Popup.
• Center on device: (Only for Modal Popups) Centers the Popup on the screen no matter where it is placed on the layer. This option prevents Popups from accidentally stacking on top of each other.

TIP: If you want to add a web link or jump link to your Popup object you will first create your Popup object. Then create the web link or jump link object as you normally would (see Creating Web Links or Creating Jump Links) then once it has been created, change the Object ID of your Clickable Area to match the Object ID of the Popup you created.