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

    How to alter a submit button?

    Asked by rankintjr on September 24, 2012 at 10:29 PM

    I am using my own image for a submit button. I have 2 versions of this submit button image in png format. I use the one so that it looks like a normal button and then I use the other image to make it look pressed on when a user clicks it. If you look at my current website you will know what I mean. 

     

    So my question is there any way to alter the submit button so that I can use both of my images to make it match the rest of my website. I am new to coding, and I have been using DreamWeaver. It is a initial set up of my own personal website.

     

    Any help will be greatly appreciated.

    Page URL:
    http://www.cis.gvsu.edu/~rankint/contact.html

  • Profile Image
    JotForm Support

    Answered by jonathan on September 24, 2012 at 10:43 PM

    Hi,

     

    You can add image to the button using this step.

    1. Open your form
    2. Click on "Submit Button" field
    3. Click on "Button Image" button on the tab which will appear
    4. Write the url of the image you want to use as submit button

     

    Please inform us if this is not what you need.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by idarktech on September 24, 2012 at 11:12 PM

    Hi,

    Is this what you are trying to achieved? http://img.usabilitypost.com/0812/active_button/index.html

    I have cloned your form, see this example: http://www.jotform.me/form/22678457320457?

    If you can provide me your active submit button image (mine looks crappy :), then I can apply it on my form and copy this form afterwards.

    Thanks.

  • Profile Image

    Answered by rankintjr on September 24, 2012 at 11:28 PM

    John, I already knew how to do that, thank you though. 

    idarkteck, yes the first link is what I am trying to achieve. Here are the links to my button 

    http://imageshack.us/a/img404/9038/submitbtn.png

    and

    http://imageshack.us/a/img402/454/submitbtnpush.png

     

    Thank you.

  • Profile Image
    JotForm Support

    Answered by idarktech on September 24, 2012 at 11:43 PM

    Done. You may now clone this form: http://www.jotform.me/form/22678457320457?

    Follow this guide: How to clone an existing form from a URL

    Thanks!

  • Profile Image

    Answered by rankintjr on September 25, 2012 at 07:28 PM

    Thank you very much. It works perfectly.