What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can I customize the e-signature field?

    Asked by ThePaperPusher on August 14, 2013 at 08:29 PM

    I want to remove the line that supposidly the user is to sign name on. I want my own image to appear that they can sign on. Also, the clear button, right now it is not in a proffesional area. I would like to customize this as well. Thank you for your help while I am still learning what you can do and deciding if you will be a great match for my needs.

    name e-signature customize e-sign
  • Profile Image
    JotForm Support

    Answered by jonathan on August 14, 2013 at 09:48 PM

    Hi,

    Please check this form http://jotform.co/form/32258537045859

    I did it by injecting this CSS codes on the form.

    #sig_pad_4{ background-image: url('https://shots.jotform.com/jonathan/shots/Snapshot_2013-08-15_09.33.03.png');}

    .clear-pad{display:none;}

    The one part I could not remove though is the underline, which I think is part of the canvas.

    AND I would like to inform you that removing the clear button would probably will not help the user...

    Inform us if you need further assistance.

    Thanks.

     

     

  • Profile Image

    Answered by ThePaperPusher on August 14, 2013 at 11:08 PM

    Great on the background image! I just can't see what number to use #sig_pad_4.

    I don't want to remove the "clear" button. Just customize it and move it to a new place. (Its current place makes it look like a strikout and is off of the "pad".

    Do I have any control of the canvas? I have to be able to revove or hide it.

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 14, 2013 at 11:28 PM

    Hi,

    You can find that when you inspect the e-signature element using chrome or firefox browser.

    Here's how:

    To customize the clear button, you can play around with the codes. Just inject this to your form. Guide: How to Inject Custom CSS Codes to your Form

    .form-submit-reset{

    position:relative;

    top:0;

    left:10px;

    }

    You can also use margins if you only need to move it far to the left.

    Let us know if you need anything else. Thanks!