{"id":85,"date":"2018-08-20T11:06:31","date_gmt":"2018-08-20T16:06:31","guid":{"rendered":"http:\/\/www.offtherichterdesign.com\/Blog\/?p=85"},"modified":"2018-12-12T15:35:53","modified_gmt":"2018-12-12T21:35:53","slug":"acro-javascript-custom-submit-button","status":"publish","type":"post","link":"https:\/\/offtherichterdesign.com\/Blog\/acro-javascript-custom-submit-button\/","title":{"rendered":"Acro-JavaScript: Custom Submit Button"},"content":{"rendered":"

Developer Software Required:<\/strong> Adobe Acrobat A.K.A Adobe Acrobat Pro
\nEnd User Software Required:<\/strong> Adobe Reader A.K.A. Adobe Acrobat Reader<\/p>\n

When a fillable .pdf is opened in Adobe Reader and filled in, typically the end user will save the .pdf with the contents entered, then email the document to the designated recipient. However, if you are the creator of these forms or if you have Adobe Acrobat, you can modify these forms to incorporate a custom submit button. This will effectively remove a few steps and make the process of sending .pdf documents more efficient for the end users!<\/p>\n

Goal:<\/strong> End users will be able to fill in form then simply hit the submit button. An email will be drafted automatically with their default email client along with the attached form and the contents they entered.<\/p>\n

    \n
  1. To add the custom submit button, open the .pdf form in Adobe Acrobat and select Prepare Form<\/strong>.
    \n\"Adobe<\/a><\/li>\n
  2. Insert a button and name it “Submit.”
    \n\"Adobe<\/a><\/li>\n
  3. Right-mouse click on the new submit button and select Properties<\/strong>. In the Button Properties<\/strong>, under the General tab, change the Form Field<\/strong> to Visible but doesn’t print<\/strong>.\"Adobe<\/a><\/li>\n
  4. Within the Button Properties<\/strong>, navigate to the Actions<\/strong> tab. Select Trigger: Mouse Up<\/strong>, Select Action: Run a JavaScript<\/strong>.\"Adobe<\/a><\/li>\n
  5. Paste the following code into the text editor, then modify to your preferred details.\n
    \r\nthis.getField("submit").hidden = true;\r\n\r\nvar cToAddr = "travis@offtherichterdesign.com"\r\nvar cCCAddr = "service@offtherichterdesign.com"\r\nvar cBody = "Off The Richter Design: Business Training Request\\n" + "\\nThe attached file is the filled-out form. Please open it to review the data."\r\nvar cSubLine = "Business Training Request"\r\nthis.mailDoc({bUI: true, cTo: cToAddr, cCc: cCCAddr, cSubject: cSubLine + "Off The Richter Design", cMsg: cBody});<\/pre>\n<\/li>\n
  6. Save the document and test the functionality.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    Developer Software Required: Adobe Acrobat A.K.A Adobe Acrobat Pro End User Software Required: Adobe Reader A.K.A. Adobe Acrobat Reader When a fillable .pdf is opened in Adobe Reader and filled in, typically the end user will save the .pdf with the contents entered, then email the document to the designated recipient. However, if you are…<\/p>\n
    Read More<\/a><\/p>\n
    <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,105],"tags":[14,12,11,15,10,13,18],"class_list":["post-85","post","type-post","status-publish","format-standard","hentry","category-coding-with-coffee","category-acro-javascript","tag-acro-javascript","tag-acrobat","tag-adobe","tag-fillable-forms","tag-javascript","tag-reader","tag-submit-form"],"_links":{"self":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/85","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=85"}],"version-history":[{"count":1,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/85\/revisions\/565"}],"wp:attachment":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}