Adding Panning or Scrolling to an Object

How to Make an Image Pan

1. Open the Apple iPad Retina template on your computer from the Mag+ > Templates > Apple iPad Retina folder.

2. Save the untitled document as "Panning Example".

3. On the B-Slides-Main Content layer, place an image and crop it so that the bounding box is smaller than the image.

  • Notation 1: Top of frame
  • Notation 2: Image that extends beyond the top of the frame
Note: If the image extends beyond the horizontal boundaries of the box, then it will pan horizontally. If the image extends beyond the vertical boundaries, it will pan vertically. If it extends in both directions, the user will be able to move the embedded image in both directions.

4. With the frame selected, go to Mag+ > Mag+ Object Panel, and make sure the Object Type is set to "Block".

5. Now check the box labeled "Pan".

Additional Options

  • To hide the scrollbar on the image as a user pans, check the "Hide Scroll Bar" box
  • Checking "Use Linked Image" uses the full resolution image placed in the box -- mag+ will not downscale the image on export

Things to note about Panning

  • The Pan feature only works on image boxes
  • Panned images can be placed on any layer
  • Panning will not work on a group of boxes
  • A clickable Hotspot frame placed on top of a panning image will not move as the user pans the image - the Hotspot only moves with the frame that holds the image

6. Save your document.

7. Review the document and swipe inside the image box to see the image pan.

Note: In order to review your document, you must set up a Reviewer device and configure the Mag+ Settings panel in InDesign. For more information, read the articles in the section "Reviewing Your Current Design."

How to Make a Text Box Scroll Using Panning

To use the panning feature on a text box, you need to first embed it into an image frame.

1. Create a text box in InDesign long enough to hold the entire text.

2. Create an image box using the dimensions you want the text to scroll in.

3. Select the original text box (not the text itself) and go to Edit > Copy.

4. Select the image box and go to Edit > Paste Into.

Note: You may need to use the Direct Selection tool in InDesign to move the text box inside the image box to the proper location.

5. Select the image box and in the Mag+ Object Panel, make sure the Object Type is "Block".

6. Check the "Pan" checkbox in the Mag+ Object Panel.

Note: To edit the text embedded in the image frame, simply double-click on the text box.

7. Save your document.

8. Review the document and swipe inside the image box to see the text scroll.

Note: In order to review your document, you must set up a Reviewer device and configure the Mag+ Settings panel in InDesign. For more information, read the articles in the section "Reviewing Your Current Design."

0 Comments

Article is closed for comments.
Powered by Zendesk