Adding Pinning to Objects

Pinning in Mag+ tells objects on your layout which edge of the screen to seek when a device changes orientation. This allows you to create one layout for both device orientations. If you want your objects to keep the same distance from the edges, regardless of device orientation, you want to use the Pinning feature.

Pinning can be used on objects in InDesign placed on the following layers:

  • B - Slides - Pinned Blocks
  • Bp - Popup - Pinned Blocks
  • A - Main Tower
  • Ap - Popup - Main Tower
Note: On the B layers you can pin your objects both horizontally and vertically to the device screen. On the A layers objects can only be pinned horizontally since the A layers scroll up and down on the device.

Pinning Options

  • Horizontal Pinning: Right or Left
    If set to "Left", the selected object will move when a device changes orientation to keep the same distance to the left edge of the screen. If you set to "Right" the object will move to keep the same distance to the right edge of the screen.
  • Vertical Pinning: Top or Bottom
    If set to "Top", the selected object will move when a device changes orientation to keep the same distance to the top edge of the screen. If set to "Bottom" the object will move to keep the same distance to the bottom edge of the screen.
Note: Mag+ can automatically calculate how to Pin your objects as long as they are placed in the Safe Area of the layout. To deactivate Auto-Pinning, go to Mag+ > Mag+ Settings Panel and uncheck "Calculate Default Pinning".

How to Set Pinning on Objects

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

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

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

Save the untitled document as "Pinning Example".

3. Select the layer "B - Slides - Pinned Blocks" in InDesign.

Select the layer "B - Slides - Pinned Blocks" in InDesign.

4. Create a text frame with the text "B - Layer - Pinned" and set the background color to blue.

Create a text frame with the text "B - Layer - Pinned" and set the background color to blue.

5. With the frame selected, go to Mag+ > Mag+ Object Panel and set the Horizontal Pin to "Left" and Vertical Pin to "Top".

With the frame selected, go to Mag+ > Mag+ Object Panel and set the Horizontal Pin to "Left" and Vertical Pin to "Top".

This tells Mag+ to keep this frame the same distance from the left and top sides of the screen regardless of device orientation.

6. Now select the layer "A - Main Tower" in InDesign.

Now select the layer "A - Main Tower" in InDesign.

7. Create a text frame with the text "A - Layer - Pinned" and set the background color to red.

Create a text frame with the text "A - Layer - Pinned" and set the background color to red.

8. With the frame selected, go to Mag+ > Mag+ Object Panel and set the Horizontal Pin to "Right".

With the frame selected, go to Mag+ > Mag+ Object Panel and set the Horizontal Pin to "Right".

This tells Mag+ to keep this frame the same distance from the right side of the screen regardless of device orientation.

9. Save your document.

10. Review your document to see how the Pinning feature automatically moves your objects when the device is rotated.

Review your document to see how the Pinning feature automatically moves your objects when the device is rotated.

Note how the blue frame keeps the same distance from the top and left side of the screen while the red frame only stays pinned to the right side of the device screen.

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