How to add a Reset button to a form

  • Profile Image
    artistic12
    Asked on December 07, 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?

  • Profile Image
    Boris
    Answered on December 07, 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:

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

  • Profile Image
    artistic12
    Answered on December 07, 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. 

  • Profile Image
    ashwin_d
    Answered on December 07, 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:

    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!

     

  • Profile Image
    artistic12
    Answered on December 07, 2016 at 01:07 PM

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

     

  • Profile Image
    Welvin
    Answered on December 07, 2016 at 03: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.

  • Profile Image
    artistic12
    Answered on December 07, 2016 at 03:36 PM

    You guys are AMAZING.  Thank you SOOOOO MUCH!