© 2011 Moving Media+. All rights reserved.        
Page 11 of 24
5.1. Guides
With the layer called Guides it is possible to see the iPad’s areas in different orientations.
only PorTraIT
only lanDscaPe
only lanDscaPe
only PorTraIT
5. The Basics
Change font size pdf - Compress reduce PDF size in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
C# Code & .NET API to Compress & Decompress PDF Document
change font size in fillable pdf form; change font size pdf form
Change font size pdf - VB.NET PDF File Compress Library: Compress reduce PDF size in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
VB.NET PDF Document Compression and Decompression Control SDK
change font size in pdf form; change page size pdf
© 2011 Moving Media+. All rights reserved.        
Page 12 of 24
5.2. Pinning
Pinning tells objects which edge of the screen to seek when device orientation changes
Mag+ can calculate how you want your objects to pin as long as you place them in the Safe 
Area. To de-active auto-pinning, click the Settings tab in the Plug-in, then uncheck Calcu-
late default pinning.
It is not possible to use pinning on the bottom B-layer (B - Slides - Main Content).
5. The Basics
C# PDF insert text Library: insert text into PDF content in C#.net
Powerful .NET PDF edit control allows modify existing scanned PDF text. Ability to change text font, color, size and location and output a new PDF document.
batch pdf compression; adjust size of pdf in preview
C# PDF Annotate Library: Draw, edit PDF annotation, markups in C#.
Able to edit and change PDF annotation properties such as font size or color. Abilities to draw markups on PDF document or stamp on PDF file.
change font size in pdf text box; adjust pdf size preview
© 2011 Moving Media+. All rights reserved.        
Page 13 of 24
5.3. snapping
The default behavior for the A layer is to scroll freely as the user swipes, but you can also set the A layer to “snap” to a given position on a B layer 
transition and remain there until the user scrolls it. This is set in the Plug-in. The options in the Snap pull-down menu let you choose whether 
the A layer snaps to the Outer Top (the top of the portrait orientation, or absolute top of the screen), Inner Top (top of the Landscape orienta-
tion, or 128 pixels down from the absolute top of the screen) or Top (the top of whichever orientation the user is holding the device). To set a 
snap position below the top, simply place the A layer object (or group of objects) where you’d like them to land, and draw an empty box at the 
top of the screen—the system will read that empty box as the top of the A layer and snap that to top.
Snapping: inner-top
5. The Basics
C# PDF Sticky Note Library: add, delete, update PDF note in C#.net
Allow users to add comments online in ASPX webpage. Able to change font size in PDF comment box. Able to save and print sticky notes in PDF file.
change font size in pdf comment box; pdf change page size
C# PDF Convert to Word SDK: Convert PDF to Word library in C#.net
PDF document, keeps the elements (like images, tables and chats) of original PDF file and maintains the original text style (including font, size, color, links
change font size pdf comment box; pdf text box font size
Page 14 of 24
© 2011 Moving Media+. All rights reserved.        
5. The Basics
Transition  
guide
5.4. Transition Guides
By default, when the bottom of the A layer content on a page scrolls past the halfway point of the screen, the system transitions to the next 
page—the next B layer slide. Transition guides let you force a later transition—just drag a guide into position on the Transition Guides layer and 
the transition will happen when that point crosses the halfway point of the screen. 
Generate Barcodes in Web Image Viewer| Online Tutorials
Select "Generate" to process barcode generation; Change Barcode Properties. Select "Font" to choose human-readable text font style, color, size and effects;
batch reduce pdf file size; best way to compress pdf
C# PDF Field Edit Library: insert, delete, update pdf form field
Able to add text field to specified PDF file position in C#.NET class. Support to change font size in PDF form. Able to delete form fields from adobe PDF file.
change paper size in pdf document; 300 dpi pdf file size
© 2011 Moving Media+. All rights reserved.        
Page 15 of 24
5.5. Grouping
Grouping is going to very important for you when you work with the Mag+ Plug-in. This is be-
cause when the Plug-In exports the page—either for Review or Export—it turns everything into 
images. The system doesn’t read front to back order of individual objects on a given layer, but 
it will treat grouped objects like one image—it will essentially take a snapshot of that group. 
Why is grouping good?
• Grouped elements move as a single object when orientation of the device changes
• Grouped objects are exported as a single image
• Allows you to maintain effects like dropshadows
• Grabbing groups within groups makes it easy to make minor adjustments without 
un-grouping everything
• Sometimes object order is lost when exporting from InDesign. The easiest way to 
get around the problem is to group objects that are sharing the same space.
• Just make sure you do not accidentaly group objects that are part of separate 
mag+ layers.
You can always group an object with an empty shape if you have no other object to 
group it with. 
An Object with an ID will lose it’s ID when it is grouped with other objects.
5. The Basics
VB.NET Image: Visual Basic .NET Guide to Draw Text on Image in .
Please note that you can change some of the example, you can adjust the text font, font size, font type (regular LoadImage) Dim DrawFont As New Font("Arial", 16
reader pdf reduce file size; change font size fillable pdf
C# Image: Use C# Class to Insert Callout Annotation on Images
Easy to set annotation filled font property individually Support adjusting callout annotation size parameter in an easy way; C# demo code to change the filled
pdf form change font size; compress pdf
© 2011 Moving Media+. All rights reserved.        
Page 16 of 24
5.6. shadows and effects
Objects in InDesign sometimes have content outside the objects boundaries. Mag+ will always 
crop your content based on the boundaries of the object and create separate PNG files for each 
individual object, meaning that sometimes content sticking out will be lost. To get around this, 
simply add an empty object bigger then your original content and group these items.
5. The Basics
© 2011 Moving Media+. All rights reserved.        
Page 17 of 24
5.7. object Types
Mag+ looks at InDesign’s frames and groups as Objects. The plug-in lets you set the Mag+ 
properties on these Objects. When exporting content to the tablet, Mag+ uses the actual coor-
dinates and given size of the object. Objects can have different Types which is set in the Plug-
in under Object type.
Most-used Object Types
• Block: Any object you want to render that is not media or HTML 
• HTML: An object that can contain HTML5 
• Hotspot: An object that defines a clickable area 
• Media: An object that defines media playback
Other Object Types
• Control Image 
• Spacer
5.7.1. object type: Hotspots
Always create a hotspot by selecting an object in the A or B layer and clicking Add Link 
or Add Video. The system will draw a Hotspot box over the top of that object. You can 
resize and move the hotspot box; the reference box just tells the system what layer that 
hotspot is associated with and how it should pin on device rotation. The system assigns a 
Reference ID to the reference object when you add the Hotspot. .
5.7.1.1. Web links
Links to web content are easily added by selecting an object in either the A- or B- layers 
and clicking Add: Link and a hotspot will be created in the Clickable Areas layer.
The Hotspot Type: Link is for opening a Web link. With the hotspot selected, type the 
Hotspots and media objects must have referencing objects in the A- or B- layers.
An Object with an ID 
will lose it’s ID when it 
is grouped with other 
objects so set your 
links late in the pro-
duction.
5. The Basics
Link: External linking to 
websites  
(http://www.site.com)
Jump Link: Internal link-
ing within the magazine 
or app.
Media: Link to media on 
a server
© 2011 Moving Media+. All rights reserved.        
Page 18 of 24
URL into the plug-in. To link to an e-mail adress, type: mailto://example@example.com
External URLs can open either in an internal browser window that pops up over the screen, 
the way Web pages are rendered. Make this selection with the Display In pulldown menu. If 
you choose to display the Web link in an embedded browser, the External Icon pulldown lets 
that same page in the native Safari browser. 
5.7.1.2. Jump links
Jump Links are Mag+ internal navigational system and makes it possible to link within 
the magazine and app. Choose Jump Link from the Hotspot Type pulldown menu and 
then a path to where you want that link to take the user in the URL box.
Jump links can take the user to:
• Another place—top or specific object—in the current vertical
• Another vertical in this issue
• A vertical in a different issue
• A vertical in a different app
• Anytime you’re linking to another vertical, unless you specify that it jump to a 
specific object on that vertical, it will jump to the top of that vertical.
After exporting a vertical, you can simply use 
the Vertical pulldown menu to choose the 
vertical you want to link to rather than type it 
manually. It is therefore recommended that 
you create jump links as late as possible in 
your process.
5. The Basics
If an object you want to jump to does not 
have a Reference ID, you can simply type 
one into the Reference ID box.
Go to top of current vertical (i. e. Home)
Go to object with ID “b123” in current vertical 
Go to top of vertical with ID “verticalA”
Go to object with ID “b123” inside vertical with ID “verticalA”
com.bonniercorp.magplus.PSC.01.5.  
<brand URL scheme>://<MIB GUID>
You can find the brand URL scheme in Publish by going to Admin > Edit (brand) set-
tings > Application URL Schema
/
//b123
/verticalA
/verticalA/b123
popular-science://com.bonniercorp.magplus.PSC.01.5
JuMP linK codes
© 2011 Moving Media+. All rights reserved.        
Page 19 of 24
5.7.2. object types: Media
As with hotspots, when you add media to you need an reference object in the A- or B- 
layers. When you select and object and hit the Add Video button, a hotspot box is created 
in the clickable areas and a media object box is created in the media layer. The hotspot 
is the area the user has to touch in order for the media to play. The media area is the box 
the movie will play in if either Inline or Pop-Up is selected. Both the hotspot and the 
media area boxes can be resized and moved. Like links, the reference object will tell the 
system what layer the video should be on and whether it should pin on device rotatation. 
The media can also be set to auto-play upon view or load.
1. Select the Object that you want to add media to
2. Click Add Movie* in the Mag+ plug-in 
*It adds the two media Layers, C + D, and creates a new Object in each of them on top of 
all together using the Reference ID on the new elements in layer C + D
3. Select the Object in the Media Layer and select your options for source and play-
back in the plug-in
C - Clickable Areas
a+B layers
D - Media Areas
Media Object  
Referenced ID: b123  
Source/Play Options
Hotspot Object 
Referenced ID: b123  
URL: media:// example
Anchoring Object  
ID: b123
media://m321
Play media with ID “m321”
Media linK
5. The Basics
ref object ID: Created 
automatically by the system 
when you add a Movie—Do 
not change
Media ID: Created automati-
cally by the system when you 
add a Movie—Do not change
content Type:  
Inline movies play inside the 
Media Areas box without the 
standard video-player frame 
or controls;  
Pop-Up movies play in a 
standard video window the 
size of the Media Areas box 
with controls and a close 
button;  
Full-screen movies take over 
the full screen with controls.
source Type: Movies can be embedded (File) or stream-
ing (URL)—use the File box below to either select a file 
for an embedded movie or type a URL for a streaming 
movie
auto-start: Movies can be set to run automatically either 
when the Media Areas box comes into View or when the 
page loads; leaving this blank will mean the movie must 
be activated by the user to play
Hide Media at end: If checked, the Movie will disap-
pear when it is done playing, leaving the layout behind it 
onscreen; if the user taps the hotspot again, the movie 
will reappear and play again.
© 2011 Moving Media+. All rights reserved.        
Page 20 of 24
5.7.3. object types: HTMl
Mag+ allows you to drop just about any HTML5-object that runs in a webkit browser 
into your composition. Just create a box on the A- or B- layers and change the Object 
type to HTML. You can now browse for your .html file and it will be shown on the iPad 
within the box you just created. Note that HTML objects can be on either layer, but if 
they are on the B layer, the user must double-tap to turn off the A layer before he can 
control the HTML object. Note also that HTML objects override default Mag+ controls, 
so pressing and holding your finger on an HTML object area will not call up the Mag+ 
navigation controls, for instance. 
Upon export all files called on by the .html file will be exported and bundled into the 
final MIB as long as the path to those elements is valid in the HTML file.
Try our 
HTML Feature 
Builder for creating 
slideshows without 
writing any code
http://feature.magplus.com
5. The Basics
HTML objects can 
have the same pinning 
and snapping capa-
bilities as other object 
types.
Url: point this to your 
.html file. the system 
will bundle all associ-
ated assets into the 
final MIB
resize on rotate: 
Check this if you’d like 
the system to resize 
the browser window 
when the device 
rotates. This is useful 
for javascript calls that 
reference browswer-
window size changes.
Scale contents to fit block: this will automati-
cally proportionally scale your HTML object to 
the size of the box you’ve drawn.
Transparent: Check this to turn the back-
ground of your HTML window transparent. 
You can still put an image in the box 
you’ve drawn and made an HTML 
object. It will show up on the thumbnail 
preview for the navigation scrubber, but 
not in the final rendered MIB. This is use-
ful for sizing your box correctly: Place 
a screenshot of the HTML object into 
the box, press the “Fit content propor-
tionally” in the upper right corner of the 
ID menu; then press the “Fit Frame to 
Content” button. 
Documents you may be interested
Documents you may be interested