How to add a Reset button to a form

  • artistic12
    Asked on December 7, 2016 at 10:04 AM

    Since we need the feature on that allows the form to save the data that was started, ALL THE way until the form is complete which could take a while, I notice it saves the data from their last entry when they start a new form another day.  I understand this is correct to happen.  HOWEVER,  Can we put a RESET button at the BEGINNING of our form so it clears out all of last time's data?

  • Boris
    Replied on December 7, 2016 at 10:55 AM

    I'm afraid I'm not entirely sure on when you want to clear out the form. If you are saying you'd like your users to be able to clear out their answers from your form so they can start fresh, you can simply add a Clear Form button next to your Submit and Print Form buttons.

    Simply click on your Submit button in our Form builder, and enable its Clear Form option:

    How to add a Reset button to a form Image 1 Screenshot 20

    If you were asking about something else instead, please describe it in more details, and we'll gladly help. Thank you.

  • artistic12
    Replied on December 7, 2016 at 11:44 AM

    I think I am speaking of what you are, but I am a little confused.  The option to continue forms later under preferences is enabled.  The option to clear form is enabled.  However, you have to CLEAR FORM before you submit, so basically start over.  I don't want them to have to start over at the end of the form.  It is when they try to fill out a NEW form and it SAVED all their entries that I would like it cleared. 

  • Ashwin JotForm Support
    Replied on December 7, 2016 at 12:59 PM

    Hello artistic12,

    Please note that if you enable the form data in session to continue latter, the data is saved on the server and not in browser.

    If you want to add a clear button at the start of the form, yes it is possible to achieve this. You need to just add a submit button at the start of form and enable the reset button. Please check the screenshot below:

    How to add a Reset button to a form Image 1 Screenshot 20

    If you do not want the submit button to be displayed at the start of the form, it is possible to hide the submit button by injecting custom css code.

    Thank you!

     

  • artistic12
    Replied on December 7, 2016 at 1:07 PM

    Wow, thank you, that helps.  Where can I get a customer css code?

     

  • Welvin Support Team Lead
    Replied on December 7, 2016 at 3:27 PM

    To hide the submit/preview button on the first page of the form, inject the following custom CSS codes:

    #cid_101 button#checkButton {

        display: none;

    }

    Follow the steps to inject here: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    The other page doesn't have the submit button, but if you need to do the same, just let us know so we can help you with CSS.

  • artistic12
    Replied on December 7, 2016 at 3:36 PM

    You guys are AMAZING.  Thank you SOOOOO MUCH!