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

    I need to have the print button to show up before the submit button

    Asked by websiteteam on December 07, 2016 at 02:57 PM

    I have the same issue as the original request in this thread. I need the Print Form Button to show Before and possibly totally separate from the Submit/Clear Form Button. The form URL: https://form.jotform.com/63275744442156?session=

    If you could add the required custom CSS to this form to achieve this revision, like you had offered to do for the original requester, I would appreciate that.

  • Profile Image
    JotForm Support

    Answered by Welvin on December 07, 2016 at 03:03 PM

    I did it for you. If you will check your form, you'll see two blocks of submit button. The first one has the print button enabled and without the submit button as it is hidden with the below custom CSS codes and another without the print button.

     

    button#input_26 {

        display: none;

    }

    Here's the guide to access the CSS area: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    It's up to you now so add some sort of instructions in the form. 

  • Profile Image

    Answered by websiteteam on December 08, 2016 at 08:02 AM

    I opened the form, https://form.jotform.com/63275744442156?session=.

    Your graphic above is what I want, but I see none of the changes that you say you made?

  • Profile Image
    JotForm Support

    Answered by Boris on December 08, 2016 at 08:29 AM

    I have checked the exact page you have linked to, and upon going to the last page of the form, it shows as in the following screenshot:

    https://form.jotform.com/63275744442156?session=

    I understand you wanted to place the Print button at the top, and have a separate Submit / Clear Form buttons underneath. To do this, please first add the CSS codes into your form that my colleague provided:

    button#input_26 {
        display: none;
    }

    You can add CSS  to your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    The above code will effectively hide the Submit button from this field, so only the Print button will remain visible:

    Finally, to have a Submit button back on your form, you will need to add another Submit field to your form inside our Form Builder:

    This will result in your form looking like this:

    Please try the above steps, and let us know how it goes. Thank you!

  • Profile Image

    Answered by websiteteam on December 08, 2016 at 11:45 AM
    Thank you for your assistance. Everything works as required.
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on December 08, 2016 at 11:46 AM

    Great! Please contact us again if we can help in any way.