Is there a way to have normal text appear as a signature in forms? The example is that there is a text box where the user prints their name and the name would appear as a signature in the signature box/image instead of having to use the utility to sign manually?
Question
Question
Answer
SELECTED ANSWER
replied on December 29, 2015
Cristobal,
There is not way to do this with Forms out of the box, but you can use Javascript to accomplish a similar task. A quick google search found some font-image generators and the one I chose to use is Fontmeme.com. Using this site and embedding your text in the URL displays an image in a custom HTML Field using the Javascript below:
$(document).ready(function() { function imageSigned() { var userName = $('#q3 input').val() ; //This is the field where the user's name will be typed var signedImage = "<img src='http://fontmeme.com/embed.php?text=" + userName +"&name=learningcurve_tt.ttf&size=100&style_color=15155E'>";//The source to generate the 'signature' you can choose whatever fonts are available document.getElementById("q2").innerHTML = signedImage; //This inserts the image into a custom HTML Field (q2) } $('.name').change(imageSigned);//This initiates the code once the name field (q3) is changed });
Note: You can find the different fonts, sizes, etc. HERE
You can see my sample below:
Hope that helps!
-Nate
1
0
Replies
You are not allowed to reply in this post.
You are not allowed to follow up in this post.