Hiding the Submit button

  • Profile Image
    KeepToledoCreative
    Asked on December 16, 2014 at 11:28 AM
    How do you get rid of the “Submit” button?
  • Profile Image
    Jan
    Answered 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
    KeepToledoCreative
    Answered 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
    Ben
    Answered 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
    KeepToledoCreative
    Answered 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
    Ben
    Answered 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