{"id":491,"date":"2018-12-06T11:37:05","date_gmt":"2018-12-06T17:37:05","guid":{"rendered":"https:\/\/offtherichterdesign.com\/Blog\/?p=491"},"modified":"2018-12-20T09:21:40","modified_gmt":"2018-12-20T15:21:40","slug":"acro-javascript-placement-text-in-pdf-form-fields","status":"publish","type":"post","link":"https:\/\/offtherichterdesign.com\/Blog\/acro-javascript-placement-text-in-pdf-form-fields\/","title":{"rendered":"Acro Javascript: Placement Text in PDF Form Fields"},"content":{"rendered":"<p>In addition to the post: <a href=\"https:\/\/offtherichterdesign.com\/Blog\/acro-javascript-question-icons-buttons\/\">Acro Javascript: Question Icons \/ Buttons<\/a> an additional way to include instruction to users who may have questions when filling out more complex forms is to use placement text within the form fields.<\/p>\n<p>Here&#8217;s how the PDF could function:<br \/>\n<a href=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Placement-Text.gif\" data-rel=\"lightbox-image-0\" data-magnific_type=\"image\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Placement-Text-300x169.gif\" class=\"wp-image-494 size-medium aligncenter\" width=\"300\" height=\"169\" alt=\"Placement Text in PDF Form Fields\" srcset=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Placement-Text-300x169.gif 300w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Placement-Text-768x433.gif 768w\" 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\" src=\"http:\/\/www.offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/08\/Adobe-Acrobat-Prepare-Form-94x300.png\" class=\"wp-image-107 size-medium aligncenter\" width=\"94\" height=\"300\" alt=\"Edit PDF Tool\" 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>Right-click on the form field to put the placement text on and select <strong>Properties<\/strong>. Click on the <strong>Options <\/strong>tab and enter the <strong>Default Value<\/strong> for the form field.<\/p>\n<p><a href=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Default-Text.jpg\" data-rel=\"lightbox-image-2\" data-magnific_type=\"image\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Default-Text-286x300.jpg\" class=\"wp-image-495 size-medium aligncenter\" width=\"286\" height=\"300\" alt=\"Default text value Acrobat form field\" srcset=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Default-Text-286x300.jpg 286w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Default-Text.jpg 500w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/><\/a><\/p>\n<p>Select the <strong>Actions<\/strong> tab, this is where the code gets placed for both <strong>On Focus<\/strong> and <strong>On Blur<\/strong>.<\/p>\n<p><a href=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Placement-Text.jpg\" data-rel=\"lightbox-image-3\" data-magnific_type=\"image\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Placement-Text-300x266.jpg\" class=\"wp-image-496 size-medium aligncenter\" width=\"300\" height=\"266\" alt=\"PDF Placement Text Form Fields\" srcset=\"https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Placement-Text-300x266.jpg 300w, https:\/\/offtherichterdesign.com\/Blog\/wp-content\/uploads\/2018\/12\/Adobe-Acrobat-Placement-Text.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Here&#8217;s the Acro-JavaScript used:<br \/>\n<strong>On Focus<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nif (event.target.value==event.target.defaultValue) {\nevent.target.value = \"\";\nevent.target.textColor = color.black;\n}\n<\/pre>\n<p><strong>OnBlur<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nif (event.target.value==\"\") {\nevent.target.value = event.target.defaultValue;\nevent.target.textColor = color.ltGray;\n}\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>In addition to the post: Acro Javascript: Question Icons \/ Buttons an additional way to include instruction to users who may have questions when filling out more complex forms is to use placement text within the form fields. Here&#8217;s how the PDF could function: To do this, start by opening a PDF form. Select the&#8230;<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/offtherichterdesign.com\/Blog\/acro-javascript-placement-text-in-pdf-form-fields\/\" 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":613,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,105],"tags":[14,12,11,15,10,98,13],"class_list":["post-491","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-placement-text","tag-reader"],"_links":{"self":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/491","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=491"}],"version-history":[{"count":7,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/491\/revisions"}],"predecessor-version":[{"id":614,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/491\/revisions\/614"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/media\/613"}],"wp:attachment":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/media?parent=491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/categories?post=491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/tags?post=491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}