{"id":90,"date":"2018-08-20T13:13:57","date_gmt":"2018-08-20T18:13:57","guid":{"rendered":"http:\/\/www.offtherichterdesign.com\/Blog\/?p=90"},"modified":"2018-12-12T15:35:52","modified_gmt":"2018-12-12T21:35:52","slug":"acro-javascript-flatten-form-fields","status":"publish","type":"post","link":"https:\/\/offtherichterdesign.com\/Blog\/acro-javascript-flatten-form-fields\/","title":{"rendered":"Acro-JavaScript: Flatten Form Fields"},"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

JavaScript can be used to lock down form fields or flatten .pdf form fields so entered data cannot be changed by a typical user. This can be extremely handy when a document is available to end users submitting filled forms to various departments where the department end users should not be changing contents submitted via the .pdf form.<\/p>\n

To do this effectively, I typically append the code to the custom submit button within the .pdf form. For more information about the custom submit button, check out Acro-Javascript: Custom Submit Button<\/a>.<\/p>\n

Here’s the code used:<\/p>\n

\r\nflattenFields()\r\n\r\nfunction flattenFields() {\r\n\r\nif (app.viewerType=="Reader") {\r\n\r\nfor (var i=0 ; i<this.numFields ; i++) {  \r\n\r\nvar f = this.getField(this.getNthFieldName(i));\r\n\r\nif (f==null) continue;\r\n\r\nf.readonly = true;\r\n\r\n}\r\n}\r\n}\r\n<\/pre>\n
Here’s the code with the Custom Submit Button<\/a> code:<\/p>\n
\r\nflattenFields()\r\n\r\nfunction flattenFields() {\r\n\r\nif (app.viewerType=="Reader") {\r\n\r\nfor (var i=0 ; i<this.numFields ; i++) {  \r\n\r\nvar f = this.getField(this.getNthFieldName(i));\r\n\r\nif (f==null) continue;\r\n\r\nf.readonly = true;\r\n\r\n}\r\n}\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}); \r\n}\r\n<\/pre>\n
Addtionally, one can also leave specific form fields editable if desired. Here’s how we can accomplish this:<\/p>\n
\r\nthis.getField("submit").hidden = true;\r\n\r\nflattenFields()\r\n\r\nfunction flattenFields() {\r\nif (app.viewerType=="Reader") {\r\n\r\nfor (var i=0 ; i<this.numFields ; i++) {\r\n\r\nvar fname = this.getNthFieldName(i);\r\nif (fname!="Your Form Field Here" && "Your Other Form Field Here"){\r\nthis.getField(fname).readonly = true;\r\n}\r\n}\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}); \r\n}\r\n<\/pre>\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 JavaScript can be used to lock down form fields or flatten .pdf form fields so entered data cannot be changed by a typical user. This can be extremely handy when a document is available to end…<\/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,17,16,10,13],"class_list":["post-90","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-flatten-form-fields","tag-forms","tag-javascript","tag-reader"],"_links":{"self":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/90","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=90"}],"version-history":[{"count":1,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":564,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/posts\/90\/revisions\/564"}],"wp:attachment":[{"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/offtherichterdesign.com\/Blog\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}