{"id":383,"date":"2018-09-28T07:51:48","date_gmt":"2018-09-28T12:51:48","guid":{"rendered":"http:\/\/www.offtherichterdesign.com\/Blog\/?p=383"},"modified":"2018-12-21T13:52:06","modified_gmt":"2018-12-21T19:52:06","slug":"acro-javascript-question-icons-buttons","status":"publish","type":"post","link":"https:\/\/offtherichterdesign.com\/Blog\/acro-javascript-question-icons-buttons\/","title":{"rendered":"Acro Javascript: Question Icons \/ Buttons"},"content":{"rendered":"<p>PDF fill-able forms are no new concept when it comes to electronic forms. Though these electronic forms are great for allowing users to submit information digitally via email, some forms may be a bit more complex then others. This can cause confusion for the intended users and ultimately the submission of forms filled out incorrectly.<\/p>\n<p>A simple way to include instruction or definitions to users who may have questions when filling out more complex forms or forms in which the user(s) may not be familiar with the terminology used is to create a question icon next to an area on the form that triggers a prompt to the user.<\/p>\n<p>Here&#8217;s how the PDF could function:<br \/>\n<a href=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-pdf-question-prompt.gif\" data-rel=\"lightbox-image-0\" data-magnific_type=\"image\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-459 aligncenter\" src=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-pdf-question-prompt-300x193.gif\" alt=\"adobe pdf question or message prompt\" width=\"300\" height=\"193\" srcset=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-pdf-question-prompt-300x193.gif 300w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-pdf-question-prompt-768x494.gif 768w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-pdf-question-prompt-1024x659.gif 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>To do this, start by opening a PDF form. Select the <strong>Prepare Form<\/strong> tool to edit the PDF form fields.<br \/>\n<a href=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/08\/Adobe-Acrobat-Prepare-Form.png\" data-rel=\"lightbox-image-1\" data-magnific_type=\"image\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-107 aligncenter\" src=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/08\/Adobe-Acrobat-Prepare-Form-94x300.png\" alt=\"\" width=\"94\" height=\"300\" srcset=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/08\/Adobe-Acrobat-Prepare-Form-94x300.png 94w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/08\/Adobe-Acrobat-Prepare-Form.png 229w\" sizes=\"auto, (max-width: 94px) 100vw, 94px\" \/><\/a><\/p>\n<p>Click on the <strong>add button<\/strong> icon to add the button that will be come the trigger for the prompt.<br \/>\n<a href=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-acrobat-add-button-1.png\" data-rel=\"lightbox-image-2\" data-magnific_type=\"image\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-463 aligncenter\" src=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-acrobat-add-button-1-300x176.png\" alt=\"\" width=\"300\" height=\"176\" srcset=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-acrobat-add-button-1-300x176.png 300w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-acrobat-add-button-1-768x451.png 768w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-acrobat-add-button-1-1024x602.png 1024w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-acrobat-add-button-1.png 1680w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Double click on the new button to view the <strong>Button Properties<\/strong>. Here, you can name the button, set the image, then insert the JavaScript that will contain the message.<br \/>\n<a href=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-pdf-question-button-properties.gif\" data-rel=\"lightbox-image-3\" data-magnific_type=\"image\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-465 aligncenter\" src=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/09\/adobe-pdf-question-button-properties-300x266.gif\" alt=\"acrobat button properties javascript\" width=\"300\" height=\"266\" \/><\/a><\/p>\n<p>Here&#8217;s the Acro-JavaScript used:<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\napp.alert(&quot;A Training Room is a room specifically used for training purposes. For scheduling a room that will not be used for training, please use your outlook calendar.&quot;, 2, 0, &quot;Training Room&quot;);\r\n\r\nevent.rc = false;\r\n<\/pre>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>PDF fill-able forms are no new concept when it comes to electronic forms. Though these electronic forms are great for allowing users to submit information digitally via email, some forms may be a bit more complex then others. This can cause confusion for the intended users and ultimately the submission of forms filled out incorrectly&#8230;.<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/offtherichterdesign.com\/Blog\/acro-javascript-question-icons-buttons\/\" class=\"themebutton3\">Read More<\/a><\/p>\n<p><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":618,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,105],"tags":[14,12,11,15,10,13],"class_list":["post-383","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding-with-coffee","category-acro-javascript","tag-acro-javascript","tag-acrobat","tag-adobe","tag-fillable-forms","tag-javascript","tag-reader"],"_links":{"self":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/comments?post=383"}],"version-history":[{"count":1,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/383\/revisions"}],"predecessor-version":[{"id":561,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/383\/revisions\/561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/media\/618"}],"wp:attachment":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/media?parent=383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/categories?post=383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/tags?post=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}