Hide submit button

  • aussiedivorce
    Asked on July 17, 2025 at 7:28 PM

    https://form.jotform.com/aussiedivorce/b01-your-personal-information


    1)See error when click preview-

    2) We do not want to display submit button, just print , save and continue.

    Jotform Thread 29114681 Screenshot
  • Jason JotForm Support
    Replied on July 17, 2025 at 7:37 PM

    Hi Alan,

    Thanks for reaching out to Jotform Support. I checked your form and see that the submit button only display on the last page of your form.

    Hide submit button Image 1 Screenshot 20

    If you want to hide it, your form submitter won't be able to submit your form. We can help you hide it via CSS code. But before that, can you confirm if you want the submit button to hide it permanently? Or would you happen to have another workaround you would like to achieve?

    Once we hear back from you, we'll be able to help you with this.

  • aussiedivorce
    Replied on July 17, 2025 at 7:56 PM

    Thank you - we do not want to recieve usre information - NO SUBMIT just print or save option

  • Jason JotForm Support
    Replied on July 17, 2025 at 8:17 PM

    Hi Alan,

    You can apply the CSS code to your form to hide the submit button. Let me walk you through it:

    1. First, copy this code:

    #input_155 {
      display: none !important;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Hide submit button Image 1 Screenshot 30

    Here's the result:

    Hide submit button Image 2 Screenshot 41

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

  • aussiedivorce
    Replied on July 17, 2025 at 8:26 PM
  • Mafe_M JotForm Support
    Replied on July 17, 2025 at 9:17 PM

    Hi Alan,

    When I cloned and tested your form, the same thing happened for me. After investigating it a bit, I found a solution. It's really easy to fix. Try to move the Form Tabs Widget to the top most part of the form. Move it above B01 Your Personal Information. After that, all the tabs should show. Take a look at the screenshot below to see my results:

    Hide submit button Image 1 Screenshot 20

    Give it a try and let us know how it goes.

  • aussiedivorce
    Replied on July 17, 2025 at 11:32 PM
    The code does not seem to work. Do you apply it to each form https://form.jotform.com/251770597571871

    #input_155 {
      display: none !important;
    }
  • aussiedivorce
    Replied on July 17, 2025 at 11:38 PM

    In form 4 there are 4 selections options. How do I add Print at the end
    so, if user select selection 1, they can print it when completed, or select 2, then they can print 1 and 2,

    https://form.jotform.com/251770597571871Hide submit button Image 1 Screenshot 30 Screenshot 10Hide submit button Image 2 Screenshot 41 Screenshot 21

  • Jason JotForm Support
    Replied on July 17, 2025 at 11:57 PM

    Hi Alan,

    Note that the CSS code provided only applies to the specified form you shared. If you also want to hide the submit button on your B04 Children form, then use the CSS codes below:

    #input_896 {
     display: none !important;
    }

    Here's the result:

    Hide submit button Image 1 Screenshot 20

    As for your other question, I've moved that to a new thread. You can check that out here.

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

  • aussiedivorce
    Replied on July 18, 2025 at 12:11 AM
    You have missed my question- https://form.jotform.com/251770597571871

    Keeping things to basics

    If user only selects one option and ready to print the first selection, what is the best way of doing it

    If user selects sections 1, 2 or just three - how do i set it up so, user can print the sections they selected

    Hide submit button Image 1 Screenshot 20

  • aussiedivorce
    Replied on July 18, 2025 at 12:17 AM

    I just added what user sees after selecting first section - there is no print or save option

    Hide submit button Image 1 Screenshot 20

  • Jason JotForm Support
    Replied on July 18, 2025 at 12:54 AM

    Hi Alan,

    I've already split this thread and answered your other question here. I will reply to that thread again to avoid confusion.

    Thanks for your patience, we appreciate it.

  • aussiedivorce
    Replied on July 18, 2025 at 1:40 AM

    Thanks

    Please check why the submit button is still showing in this form
    https://form.jotform.com/251980602884060

    I wish, your team would make things a lot easier for end user


  • Ravi JotForm Support
    Replied on July 18, 2025 at 1:55 AM

    Hi Alan,

    Each form typically has its own unique field IDs for the fields, including for the Submit button. That’s why the CSS code from one form doesn’t work when applied to another.

    To avoid confusion and keep things organized, I’ve moved your new question to a separate thread. Here is the link to that thread. I’ll follow up there as soon as I finish assisting you here.

    We appreciate your patience and understanding while we look into this.

  • aussiedivorce
    Replied on July 18, 2025 at 2:03 AM

    where do you find field IDs

  • Christine JotForm Support
    Replied on July 18, 2025 at 2:08 AM

    Hi Alan,

    Let me show you how to check the Field IDs:

    1. In Form Builder, select the field that you want to check the Field ID.
    2. Click on the gear icon.
    3. Go to Advanced tab and click on Field Details and it will show the Field ID. Hide submit button Image 1 Screenshot 20

    Give it a try and let us know how it goes.

Your Reply