Can I customize the e-signature field?

  • Profile Image
    ThePaperPusher
    Asked 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.

  • Profile Image
    jonathan
    Answered 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
    ThePaperPusher
    Answered 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
    EltonCris
    Answered 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!