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

  • websiteteam
    Asked on December 7, 2016 at 2: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.

  • Welvin Support Team Lead
    Replied on December 7, 2016 at 3: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;

    }

    I need to have the print button to show up before the submit button Image 1 Screenshot 20

    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. 

  • websiteteam
    Replied on December 8, 2016 at 8: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?

  • Boris
    Replied on December 8, 2016 at 8: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 need to have the print button to show up before the submit button Image 1 Screenshot 50

    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:

    I need to have the print button to show up before the submit button Image 2 Screenshot 61

    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:

    I need to have the print button to show up before the submit button Image 3 Screenshot 72

    This will result in your form looking like this:

    I need to have the print button to show up before the submit button Image 4 Screenshot 83

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

  • websiteteam
    Replied on December 8, 2016 at 11:45 AM
    Thank you for your assistance. Everything works as required.
    ...
  • Welvin Support Team Lead
    Replied on December 8, 2016 at 11:46 AM

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