{"id":5370,"date":"2015-03-11T00:00:00","date_gmt":"2015-03-11T00:00:00","guid":{"rendered":"https:\/\/www.globalizationpartners.com\/2015\/03\/11\/indesign-epub-interactivity-panel\/"},"modified":"2021-09-20T09:26:18","modified_gmt":"2021-09-20T09:26:18","slug":"indesign-epub-interactivity-panel","status":"publish","type":"post","link":"https:\/\/www.globalizationpartners.com\/2015\/03\/11\/indesign-epub-interactivity-panel\/","title":{"rendered":"InDesign: EPUB Interactivity Panel"},"content":{"rendered":"<p>InDesign introduced new features for EPUB files with the release of the 2014.1 version.\u00a0 The feature I will discuss in this blog is the EPUB Interactivity Panel.\u00a0 This new panel allows you to see what your document will look like as a Fixed Layout EPUB.\u00a0 This feature is important because it doesn&#8217;t show you Reflowable EPUBs.<\/p>\n<p>The main focus of the panel is to create the ability to preview how a document&#8217;s animation and other interactive elements will display on eBook readers and other devices, before exporting.\u00a0 Features like this have existed since CS4, but they only exported to Flash formats to the SWF Preview.\u00a0 Now that users can export to EPUBs, Adobe has a different preview panel: <strong>Window menu &gt; Interactive &gt; EPUB Interactivity Preview<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/img_01_333x350.jpg\" alt=\"GPI_InDesign_2\" width=\"333\" height=\"350\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/img_02_625x324.jpg\" alt=\"GPI_InDesign_3\" width=\"625\" height=\"324\" \/><\/p>\n<h5><strong>EPUB Interactivity Preview Panel Controls<\/strong><\/h5>\n<p>The controls for this feature are simple, as you only have a couple of options at the bottom of the panel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2018\/07\/img_03.jpg\" alt=\"GPI_InDesign_4\" width=\"503\" height=\"430\" \/><\/p>\n<p><strong>Play Preview:<\/strong> This will take you to the interactive preview by rendering in the panel the same code that is produced when you export a document to EPUB.\u00a0 Preview allows you to play animations, audio, and video and will open any hyperlinks.\u00a0 <strong>Note:<\/strong> by holding <strong>Option<\/strong> (mac) or <strong>Alt<\/strong> (pc) while clicking the <strong>Play<\/strong> button you can replay a\u00a0preview.<\/p>\n<p><strong>Clear Preview:<\/strong> Allows you to clear the preview animation, and to make modifications to the file and then re-render the page or document.<\/p>\n<p><strong>Navigation Controls:<\/strong> Allows you to review the next or previous page, or to\u00a0jump to a specific page.<\/p>\n<p><strong>Spread Mode:<\/strong> Allows you to preview a single spread.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Document Mode:<\/strong> Allows you to preview the entire document. <strong>Note:<\/strong> This option is the only way you can preview interactivity that goes from one page to the next, such as a <strong>Go To Next Page<\/strong> button or a cross-reference.<\/p>\n<p>The InDesign team has made it more convenient to open either of the two preview panels by adding <strong>Preview<\/strong> icons at the bottom of the <strong>Animation<\/strong> panel, the <strong>Buttons<\/strong> panel, and the <strong>Timing<\/strong> panel.<\/p>\n<p>Click the <strong>Preview<\/strong> icon at the bottom of those panels and choose either Preview Spread: EPUB or Preview Spread: SWF. This opens the preview panel and automatically clears the previous preview.<\/p>\n<h5><strong>Conclusion<\/strong><\/h5>\n<p>This new panel creates greater time savings for users.\u00a0 An important item to keep in mind, however, is that the EPUB Interactivity Panel will use the\u00a0settings from the EPUB export dialogue box.\u00a0 If you are working on a complicated project, such as a translation project with several languages, this will be of great help to control the animations before exporting the document as EPUB.\u00a0 This is a fantastic feature, and I look forward to what InDesign will introduce next.<\/p>\n<h5><strong>Additional Resources on Document Translation<\/strong><\/h5>\n<p>At Globalization Partners International\u00ae, we have written many blogs that focus on document translation and multilingual DTP challenges. Here are a few blogs which you may find of interest:<\/p>\n","protected":false},"excerpt":{"rendered":"<p>InDesign introduced new features for EPUB files with the release of the 2014.1 version.\u00a0 The feature I will discuss in this blog is the EPUB Interactivity Panel.\u00a0 This new panel allows you to see what your document will look like as a Fixed Layout EPUB.\u00a0 This feature is important because it doesn&#8217;t show you Reflowable [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":5371,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"_links":{"self":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/5370"}],"collection":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/comments?post=5370"}],"version-history":[{"count":6,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/5370\/revisions"}],"predecessor-version":[{"id":32915,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/5370\/revisions\/32915"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media\/5371"}],"wp:attachment":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media?parent=5370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/categories?post=5370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/tags?post=5370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}