Welcome! It looks like you’ve just installed or updated in5.
This document will help you explore the features within in5.
To see immediate results, choose File > Export HTML5 with in5..., and click OK in the dialog.
To see what else you can do with in5, check out the other pages in this document. There’s a table of contents on the next page >>>
Getting Started with in5
The table of contents on the left was generated using
Layout > Table of Contents...
Click on the one of the topics on the left to jump to that page. The hyperlinks to pages are created automatically by in5.
Contents
Here are some recent updates that we’ve made to in5:
Continue to the next page to see some of the core features in action.
Audio and Video can be configured using both the Media Panel (CS5 or newer: Window > Interactive > Media) and the Audio & Video Folio Overlay (CS6/CC: Window > Folio Overlays > Audio & Video).
To add audio/video from your local drive, use File > Place...
Preferred audio format: MP3.
Preferred video format: MP4 (h.264-encoded).
TIP: in5 automatically searches for fallback media that has the same name within the same folder. For example, if you place myFolder/movie.mp4 and there’s also a myFolder/movie.ogv file, the OGV file will also be included in the output.
To insert a remote video (as shown to the left), draw a rectangle and use the flyout menu at the top right of the Media Panel and choose Video from URL...
If you’re using InDesign CS5 or newer but you don’t see the video above while testing locally and you’re using Firefox or an older version of Internet Explorer, chances are the browser is using the Flash fallback and you may need to add this file to your Flash Player Trusted Locations. This step is not necessary when you upload your files to a server.
HTML embedding helps you easily add interactive content from sites like YouTube, Google Maps, and Twitter.
To insert content choose Object > Insert HTML... or if the content is in your clickboard, you can use Edit > Paste.
To edit existing HTML on the page, right-click on the object and choose Edit HTML...
TIP: YouTube now omits the http: at the beginning of their embed code. This avoids a security warning to IE users when working with SSL (https). However, it means that the embed will not preview locally from your hard drive.
To view a working embed from you local drive, modify the embed so that the src attribute begins with http://.
The Buttons and Forms panel can be found under Window > Interactive > Buttons and Forms (just Buttons in earlier versions of InDesign).
You can add Events to buttons (or other Form elements) that respond to user interaction.
For each Event, you can add a list of Actions which are triggered by the Event.
There are some sample elements at the left. Take a look at the Buttons and Forms panel to see how they’re configured.
To create a new element, select the New Button icon at the bottom-right or choose from the Type list in the Buttons and Forms panel.
In addition to the examples on this page, you can also control audio, video, and
Multi-State Objects with Actions.
Multi-State Objects can be controlled using button actions as shown at the left.
To see the states within a object in CS5 or newer, choose Window > Interactive > Object States.
See the Creating an Interactive Prototype with in5 video for more examples of how to use Multi-State Objects.
The following Folio Overlays ( Window > Folio Overlays) are supported by in5 for InDesign CS6 and CC:
A self-running Slideshow is shown at the left.
Simint int laborror sit, quati vel ea apernati sim labo. Niento im verspid essinit et modis eum la vit, cum rem ditenitas voluptates moloreh endiorit que sum quam sedipsum acerest istiiscipsa qui corerspeles verum incidebit eaquam, omnis sam ipsam es denectis voluptas eum, eaquo blam veria digenem. Ut molorepudia volessi cor sequi rerem que si ipic tem sit ipsumquam nonsed es il ipsam, ipis sitiis maionsed et autae. Excero Simint int laborror sit, quati vel ea apernati sim labo. Niento im verspid essinit et modis eum la vit, cum rem ditenitas voluptates moloreh endiorit que sum quam sedipsum acerest istiiscipsa qui corerspeles verum incidebit eaquam, omnis sam ipsam es denectis voluptas eum, eaquo blam veria digenem.
Ut molorepudia volessi cor sequi rerem que si ipic tem sit ipsumquam nonsed es il ipsam, ipis sitiis maionsed et autae. Excero
This document has been configured for a fluid layout using the Liquid Layout panel (available in CS6/CC under Window > Interactive > Liquid Layout).
To see how the layout responds in HTML, choose File > Export HTML5 with in5..., set the Page Format to Liquid, set the Text Rendering to HTML with Fallback Fonts and choose OK.
Choose Open in Default Browser when the export is complete to see the results.
Note how certain items expand and reposition as you resize your browser window, and how other items remain fixed. These settings are controlled in the Liquid Layout panel.
The text is coming through as images, can I export the text as HTML?
Yes, choose one of the HTML options from the Text Rendering menu in the in5 dialog before exporting.
How can I display one page at-a-time?
Select one of the Slider options from the Page Format menu in the in5 dialog before exporting.
Where can I find a list of all of the interactive InDesign features supported by in5?
See the supported features page.
Where do I purchase a license?
See the purchase page.
How do I activate my licensed copy of in5?
Choose File > Export HTML5 with in5... and navigate to the Info section. Paste or enter your serial number and select Activate.
More demo videos are available as well as online help documentation.
Check out the in5 Answer Exchange for answers to common questions, and feel free to post your own questions.
You can subscribe to our newsletter if you’d like to get updates and receive free tips.
Thanks for using in5!
