How do I add a save button without a submit button?

  • HAECWQSB
    Asked on April 24, 2024 at 9:27 AM

    I am creating a form for students and trying to have them save it which generates the partially complete form as a link in their inbox. However, to not confuse them I want to remove the SUBMIT button that automatically appears beside the save button.

    I want to have them only SAVE the first part and only SUBMIT the 2nd part. The save part is done at the beginning of class, the submit part is done at the end of class.


    Thanks!

  • Carlo JotForm Support
    Replied on April 24, 2024 at 9:43 AM

    Hi HAECWQS,

    Thanks for reaching out to Jotform Support. Keep in mind that when you enable the Continue Forms Later setting of the form, the Save button is displayed automatically next to the Submit button. However, as a workaround, we can inject the following custom CSS code in your form to hide the Submit button in the First Part and hide the Save button in the 2nd Part.

    #input_61,#input_scl_28 {
     width: 180px;
     display: none !important;
    }


    Let me show you how can inject the CSS code into your form.

    1. In the Form Builder, select the paint roller icon in the upper-right corner.

    How do I add a save button without a submit button?  Image 1 Screenshot 40
    2. In the Form Designer panel on the right, go to Styles at the top.
    3. Scroll down to Inject Custom CSS and enter your CSS code in the text area — all changes
    are saved automatically.

    How do I add a save button without a submit button?  Image 2 Screenshot 51
    Here's the result after I injected the CSS code:

    How do I add a save button without a submit button?  Image 3 Screenshot 62

    You can check out my demo form here.

    Give it a try and let us know if you need any other help.

 
Your Answer