I want to add a "Print Form" button without a "Submit" button - can I do this?

  • pgreene
    Asked on September 30, 2015 at 9:34 AM

    I have a form with variable payment options.

    If a user chooses paypal I show the submit button and a print form button.  No problems

    If a user chooses to pay by check, I want him to be able to print a copy of his input form with his data so he can send it with the check by post.  In this case, there is no value in "submitting" the form.  So I just want to have a "Print Form" button which shows only when he selects the pay by check option.  (Obviousy I can make a  conditional "Submit" button and "Print Form" button section on the form with both there, but I think having a submit button is confusing)

    Is this possible?  If so, how?

  • Welvin Support Team Lead
    Replied on September 30, 2015 at 11:53 AM

    Yes, your method of using a conditional logic is correct. All you just need to do is to hide the submit button for the buttons that shows when cheque payment is selected. 

    To hide, simply inject the following custom CSS codes to your form:

    button#input_14 {

        display: none;

    }

    Here's how to inject: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Add the codes to the bottom part.

    If you want to adjust the width of the print button, you can inject the following custom CSS codes:

    button#input_print_14 {

        width: 50%;

    }

    Just change the value if you need a different size. You can also use a fix value such as 250px.

    Thanks

  • Peter
    Replied on September 30, 2015 at 1:30 PM

    Thank you Welvin.

    Brilliantly simple solution to my problem.  Used it and it fixed the problem in 30 seconds.

    Many thanks.

  • Welvin Support Team Lead
    Replied on September 30, 2015 at 2:43 PM

    You're welcome. 

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

    Thanks