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

    Hiding the Submit button

    Asked by KeepToledoCreative on December 16, 2014 at 11:28 AM
    How do you get rid of the “Submit” button?
    hide hiding submit submit button hide submit button
  • Profile Image
    JotForm Support

    Answered by Jan on December 16, 2014 at 11:38 AM

    Hi,

    You can do that by injecting this custom CSS code.

    .form-submit-button { display: none; }

    Here's a guide on How to Inject Custom CSS.

    Hope this helps. Let us know if you need further assistance.

    Thank you.

  • Profile Image

    Answered by KeepToledoCreative on December 19, 2014 at 12:18 PM

    Thank you for the info Jan.  I've created two application forms; one for students, and one for non-students. Here are the problems I'm having now.

    On form http://www.jotform.com//?formID=43415971741154 I've been unable to create a "Print Form" button on page one like I did on form http://www.jotform.com//?formID=43426225804148.

    I've also been unable to add a "Submit" button at the bottom of either form.

    Thanks in advance,

    Jerry

  • Profile Image

    Answered by Ben on December 19, 2014 at 01:15 PM

    Hi Jerry,

    I took a look and I see the issue. You are trying to display the submit button, but you are also still including the CSS code given to you by my colleague above.

    This CSS code is now hiding your submit button for you, no matter how many of them you add.

    So first, locate this code:

    .form-submit-button { display: none; }

    - You should search for it in the styles section of your jotform.

    once you do, remove it. As soon as you do so, it will show the submit button once again.

    In regards to your query for print button, I have moved the question to a new thread here: http://www.jotform.com/answers/479350 and we will be replying back to it shortly.

    Best Regards,
    Ben

  • Profile Image

    Answered by KeepToledoCreative on December 19, 2014 at 01:31 PM
    But when I do that, both the submit and print form buttons show up and I don’t want that. I don’t want the submit button at the very top of the page. I only want it at the bottom of the forms. How do I get it to work so “Print Form” is at the beginning of the form after the instructions and “Submit” and “Print Form” is at the bottom of the form?
    Jerry Brown
    CEO
    Madison Avenue Marketing Group
    Direct (419) 724-7310
    [cid:image001.jpg@01D01B8F.808382C0]
    ...
  • Profile Image

    Answered by Ben on December 19, 2014 at 01:51 PM

    Hi Jerry,

    OK, in that case where we need to hide only one field it is useful to let us know which one it is as you just did.

    I took a look at this jotform: http://www.jotform.us/form/43426225804148

    There to hide the submit on first page, but not on others, you should remove the code as mentioned above ( .form-submit-button { display: none; } ) and add this one instead of it:

     

    #input_142 {
        display: none;
    }

    I can however not see any submit buttons at the start of this jotform: http://www.jotform.us/form/43415971741154 but since the same style is applied the submit button is being hidden.

    Best Regards,
    Ben