I have a form with several signature fields on it. Typically, when users choose to "draw" their signature, the quality is pretty awful, mostly because the users lack the hand eye coordination when trying to draw using the mouse. The signatures on the form are more of a formality than anything else but once the form is saved in the repository, people are having a difficult time figuring out who signed. If I could disable the "draw" functionality and only allow typed in signatures that would help greatly. I understand that I could just drop a single line field on there and basically get the same thing but I'm trying to avoid replacing the existing fields as there are a lot of signatures required.
Question
Question
Is there a way to disable the draw signature option on a form signature field and only allow typed in values?
asked on May 3, 2021
0
0
Replies
replied on May 3, 2021
I did the opposite once using the following code:
//Hide Type Signature tab $("#sigNav a:eq(0)").hide(); $("#form-signature-dlg").on("shown.bs.modal", function(){$("#sigNav a:eq(1)").click();}); });
That might help get you started.
0
0
replied on May 3, 2021
//Hide Draw Signature Tab
$(document).ready(function(){
$("#sigNav a:eq(1)").hide();
$("#form-signature-dlg").on("shown.bs.modal", function(){$("#sigNav a:eq(0)").click();});
});
0
0
replied on May 3, 2021
•
Show version history
//Draw Only Option $('.drawOnlySignature input').click(function() { $("#sigNav a:eq(0)").hide(); $("#sigNav a:eq(1)").show(); $("#form-signature-dlg").on("shown.bs.modal", function() { $("#sigNav a:eq(1)").click(); }); }); //Type Only Option $('.typedOnlySignature input').click(function() { $("#sigNav a:eq(0)").show(); $("#sigNav a:eq(1)").hide(); $("#form-signature-dlg").on("shown.bs.modal", function() { $("#sigNav a:eq(0)").click(); }); });
Both a Type Only, and a Draw Only option. The CSS classes of 'drawOnlySignature' or 'typedOnlySignature' will need to be added to the form fields.
0
0
replied on May 3, 2021
If you still want "Type" visible
a[href="#drawTab"], #drawTab { display: none !important; } /* just "in case" */ #typeTab { display: block !important; }
Or if you want that selection bar gone altogether
#sigNav, #drawTab { display: none !important; } #typeTab { display: block !important; }
0
0
You are not allowed to follow up in this post.