You are viewing limited content. For full access, please sign in.

Question

Question

With the new signature field option, is there a way to force users to draw a signature instead of allowing them to type one?

asked on September 28, 2014

I can think of some circumstances where a client will want to require that users filling out a form use a drawn out signature, For example when a signature pad will always be available at a Municipal Court counter.

I'm sure this can still be done by using the old Javascript signature methods, but it would be nice to have a toggle in the Forms Designer to only allow drawn signatures.

3 0

Answer

APPROVED ANSWER
replied on April 13, 2015

The following script will hide the Type tab and focus on Draw tab when open signature dialog.

$(document).ready(function(){
  
$("#sigNav a:eq(0)").hide();

$("#form-signature-dlg").on("shown.bs.modal", function(){$("#sigNav a:eq(1)").click();});

});

 

10 0

Replies

replied on September 29, 2014

Not out of the box. I was wondering the same thing. I would assume that there is a way to do it using jQuery, but I'm not sure how yet.

1 0
replied on September 29, 2014

I haven't installed it yet but I know in jquery there was an option where you could have a config file that specified the defaults. I wonder if that config file is still there, buried in the forms source code? If it is I'll bet you could add that flag and it would apply globally. 

1 0
replied on October 24, 2014

Has anyone found a way to do this? I don't really want to offer the submitter an option to simply type their name. It is strange that it is forced enabled.

0 0
replied on October 24, 2014

I don't have it installed at the moment but maybe you can find the code it uses and hide that field?

0 0
replied on November 22, 2014

Anyone able to pull this off yet?

0 0
replied on March 12, 2015

I am currently working on a solution for this. Basically there is a list with 2 values for the tabs. There is also 2 additional div tags depending on which of the tabs is selected that displays the type or draw interface accordingly. The code looks like this:

So I believe that the JavaScript would need to set the second <li> to <li class="active"> on page load as the first <li> is active by default. It would also need to hide everything between the first set of <li></li> tags so that the "Type" tab doesn't show.

I haven't gotten to actually trying to code this yet, but if someone beats me to the punch, please share.

0 0
replied on March 12, 2015 Show version history

I have been able to remove the 'active' class from the first <li> and assign it to the second <li> and also assign a class of dontshow to the first <li>, which I have set as a CSS class as follows: ".dontshow {display: none};".

The problem is that once the "Sign" button is clicked it sets the active class on the first <li>. So I created a function so that when the "Sign" button is clicked, it assigns the dontshow and active classes. The dontshow class is being assigned correctly, but the Type tab still shows, and the Active class is not removing from the first <li> and assigning to the second <li> correctly. Here is the code I have created. If anyone can help shine some light on this, that would be great.

$('.Sign_Sig').mouseup(function() {
     $('.nav-tabs li:first').removeClass('active');
     $('.nav-tabs li:first').addClass('dontshow');
     $('.nav-tabs li:last').addClass('active');
  });

 

0 0
replied on April 9, 2015

Does anyone from Laserfiche have any ideas how this could be accomplished?

0 0
APPROVED ANSWER
replied on April 13, 2015

The following script will hide the Type tab and focus on Draw tab when open signature dialog.

$(document).ready(function(){
  
$("#sigNav a:eq(0)").hide();

$("#form-signature-dlg").on("shown.bs.modal", function(){$("#sigNav a:eq(1)").click();});

});

 

10 0
You are not allowed to follow up in this post.

Sign in to reply to this post.