Can I customize the e-signature field?

  • Profile Image
    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
    Answered on August 14, 2013 at 09:48 PM


    Please check this form

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

    #sig_pad_4{ background-image: url('');}


    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.




  • Profile Image
    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
    Answered on August 14, 2013 at 11:28 PM


    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






    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!