{"id":31257,"date":"2021-05-27T13:54:00","date_gmt":"2021-05-27T13:54:00","guid":{"rendered":"https:\/\/www.globalizationpartners.com\/?p=31257"},"modified":"2023-11-10T14:03:15","modified_gmt":"2023-11-10T14:03:15","slug":"adding-interactive-elements-in-indesign","status":"publish","type":"post","link":"https:\/\/www.globalizationpartners.com\/2021\/05\/27\/adding-interactive-elements-in-indesign\/","title":{"rendered":"Adding Interactive Elements in InDesign"},"content":{"rendered":"<p>PDFs are mostly used to send information to audiences so they can view a document under any platform scenario. In addition, PDFs can serve as a great collaboration and communication format allowing people a way to communicate back to you. Whether it\u2019s to give you feedback in a survey or to submit information for a subscription, you need a way to organize information for people to send it to you, and this is the perfect job for a PDF form.<\/p>\n<p>There are many applications you can use to design and create PDF forms. You can design a form in Microsoft Word, Illustrator, Photoshop or even you can make a form entirely in Adobe Acrobat. If you want to keep all the work in one application that provides you some great design tools as well as the ability to add form fields, you can use InDesign. With InDesign, you can create any page layout you want, and then add the form fields on top of that, using the Buttons and Forms panel.<\/p>\n<p>&nbsp;<\/p>\n<h2>What You Can Do in InDesign<\/h2>\n<p>You can add text fields, lists and combo boxes, checkboxes, radio buttons, even digital signature fields. You can then set properties on the form field to control the size of text, to make them required for submission, and to make them printable or not, and more. However, InDesign is not a fully-featured form solution. In some cases and in order to finish your form, you will have to take the PDF you exported from InDesign, and make some edits and adjustments in Acrobat. But having the form tools in InDesign makes it super easy to build 100% of your forms in InDesign or in some cases at least 90%. In addition, you can avoid completing the same steps over and over each time you make a change in your layout.<\/p>\n<p>When you start creating an interactive document you can use the \u201c<strong>Interactive for PDF<\/strong>\u201d workspace. This will show most of all the panels for adding interactivity:<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31258 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Interactive-for-PDF.jpg\" alt=\"InDesign Interactive for PDF\" width=\"282\" height=\"316\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Interactive-for-PDF.jpg 377w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Interactive-for-PDF-268x300.jpg 268w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/div>\n<p>Or from the \u201cInteractive\u201d panel:<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31263 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Interactive-Panel.jpg\" alt=\"InDesign Interactive Panel\" width=\"394\" height=\"294\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Interactive-Panel.jpg 485w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Interactive-Panel-300x224.jpg 300w\" sizes=\"(max-width: 394px) 100vw, 394px\" \/><\/div>\n<h2>Creating Forms<\/h2>\n<p>Building a form in PDF from scratch would be a headache and takes a lot of time and effort. Using the Forms panel in InDesign will save you a lot of time.<\/p>\n<p>First, draw a box and from the \u201cButtons and Forms\u201d Panel and assign the type of the field.<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31268 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Buttons-and-Forms-Panel.jpg\" alt=\"InDesign Buttons and Forms Panel\" width=\"515\" height=\"296\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Buttons-and-Forms-Panel.jpg 585w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Buttons-and-Forms-Panel-300x172.jpg 300w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>Every one of the above options has another set of options that will appear once you choose it. For example, if you picked the Text Field, you will see the below:<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31278 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Buttons-and-Forms-Panel-Text-Field-1.jpg\" alt=\"InDesign Buttons and Forms Panel Text Field\" width=\"285\" height=\"382\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Buttons-and-Forms-Panel-Text-Field-1.jpg 414w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Buttons-and-Forms-Panel-Text-Field-1-224x300.jpg 224w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>There are many options to choose from and to customize every field according to the needs.<\/p>\n<p>Some global guides to take care of while handling forms:<\/p>\n<ul>\n<li>Assign a name to the field<\/li>\n<li>Use suitable font type and size according to each language needs<\/li>\n<li>If you are building form to any RTL language, be careful to assign the right to left direction to<\/li>\n<\/ul>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31283 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Right-to-Left-Direction.jpg\" alt=\"InDesign Right to Left Direction\" width=\"407\" height=\"190\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Right-to-Left-Direction.jpg 493w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Right-to-Left-Direction-300x140.jpg 300w\" sizes=\"(max-width: 407px) 100vw, 407px\" \/><\/div>\n<p>&nbsp;<\/p>\n<h2>Creating Buttons<\/h2>\n<p>A button can be used to navigate to different pages or specific content on a page, it can play movies, sounds, and animations, and it can even show and hide buttons, including itself.<\/p>\n<p>To create a button, Select \u201c<strong>Type<\/strong>\u201d tool then create a frame. At the top of the panel, there&#8217;s a \u201cType\u201d menu, where we can choose a regular Button.<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31288 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Type-Tool.jpg\" alt=\"InDesign Type Tool\" width=\"264\" height=\"243\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Type-Tool.jpg 328w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Type-Tool-300x276.jpg 300w\" sizes=\"(max-width: 264px) 100vw, 264px\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>By selecting Button, there&#8217;s a field where you can name a button. Names are very important for buttons because you almost never create just one button in a document, so in order to know which button is which, you need to have some descriptive names.<\/p>\n<p>Below that, there&#8217;s an Event menu, where you can choose which triggering event will make something happen, so we have On Release or Tap, On Click, On Roll Over, On Roll Off, and On Focus and Blur for PDF.<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31293 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Event-Menu.jpg\" alt=\"InDesign Event Menu\" width=\"240\" height=\"226\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>Beneath this we have Actions.\u00a0Actions are what will happen when the trigger event occurs.\u00a0Buttons don&#8217;t have to have Actions,\u00a0but if you intend for people to interact with a button\u00a0by clicking on it or mousing over it,\u00a0then you have to have an Action.<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31303 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Actions.jpg\" alt=\"InDesign Actions\" width=\"195\" height=\"356\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Actions.jpg 230w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Actions-164x300.jpg 164w\" sizes=\"(max-width: 195px) 100vw, 195px\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>Clicking this plus sign, and choosing an action, is a cool shortcut\u00a0for creating a button.\u00a0You can also have a button hidden.\u00a0And that way it will only appear when you want it.\u00a0This can be very useful.<\/p>\n<p>It is also important to assign the font type and size for each field. Also, consider the language specific needs. For Example, if the language is Chinese, Japanese, Arabic, or Hindi then make sure to select the suitable font type that supports these languages.<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31308 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Language-Font-Type-Size-.jpg\" alt=\"InDesign Language, Font, Type and Size\" width=\"327\" height=\"230\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Language-Font-Type-Size-.jpg 394w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Language-Font-Type-Size--300x211.jpg 300w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><\/div>\n<p>&nbsp;<\/p>\n<h2>Media Interactive<\/h2>\n<p>This is pretty simple. All you have to do is to choose a video or an audio file.<\/p>\n<div align=\"center\">\n<div class=\"row\">\n<div class=\"col-12\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-31313 alignright\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Interactive.jpg\" alt=\"InDesign Media Interactive\" width=\"185\" height=\"342\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Interactive.jpg 318w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Interactive-162x300.jpg 162w\" sizes=\"(max-width: 185px) 100vw, 185px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-31318 alignright\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Interactive-Video-Audio.jpg\" alt=\"InDesign Media Interactive Video &amp; Audio\" width=\"530\" height=\"340\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Interactive-Video-Audio.jpg 622w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Interactive-Video-Audio-300x192.jpg 300w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p>This panel does not have a lot of options like show the Play button or Volume you can control this after printing the file in Adobe Acrobat from \u201c<strong>Media Rich<\/strong>\u201d tool<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31323 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Rich.jpg\" alt=\"InDesign Media Rich\" width=\"385\" height=\"357\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Rich.jpg 374w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Media-Rich-300x278.jpg 300w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>To create the PDF from InDesign. <strong>File &gt; Export<\/strong> and choose Adobe PDF (Interactive)<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-31328 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Adobe-PDF-Interactive.png\" alt=\"InDesign - Adobe PDF Interactive\" width=\"421\" height=\"87\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Adobe-PDF-Interactive.png 421w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Adobe-PDF-Interactive-300x62.png 300w\" sizes=\"(max-width: 421px) 100vw, 421px\" \/><\/div>\n<p>&nbsp;<\/p>\n<p>A pop-up window will open with all the options needed to print interactive PDF<\/p>\n<div align=\"center\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-31333 aligncenter\" src=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Print-Interactive-PDF.jpg\" alt=\"InDesign Print Interactive PDF\" width=\"300\" height=\"266\" srcset=\"https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Print-Interactive-PDF.jpg 358w, https:\/\/www.globalizationpartners.com\/wp-content\/uploads\/2021\/05\/InDesign-Print-Interactive-PDF-300x266.jpg 300w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n<div align=\"center\"><\/div>\n<h4><\/h4>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4>Conclusion<\/h4>\n<p>Forms can be a hassle, but with InDesign, you can produce clean, easy-to-navigate PDFs with a few simple tweaks. InDesign Interactive options make the process easier.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PDFs are mostly used to send information to audiences so they can view a document under any platform scenario. In addition, PDFs can serve as a great collaboration and communication format allowing people a way to communicate back to you. Whether it\u2019s to give you feedback in a survey or to submit information for a [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":31364,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[58,201,1768,1769],"_links":{"self":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/31257"}],"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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/comments?post=31257"}],"version-history":[{"count":30,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/31257\/revisions"}],"predecessor-version":[{"id":31372,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/posts\/31257\/revisions\/31372"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media\/31364"}],"wp:attachment":[{"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/media?parent=31257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/categories?post=31257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.globalizationpartners.com\/wp-json\/wp\/v2\/tags?post=31257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}