Force printing of form before completion

  • Falkpost
    Asked on April 10, 2017 at 4:14 AM

    Hi,

     

    I've seen the option to add a "print form" button but i'd like to force users to do this before sending in the form (and losing the option to print the data)

    Is there any way to set this up?

     

    Kind regards,

    Mark

  • Sven
    Replied on April 10, 2017 at 5:08 AM

    Unfortunately, it's not possible to set a condition on the submit/print button itself, however, a workaround for this could be arranged using CSS and conditional logic, please see this demo form I have created here:

    https://form.jotformpro.com/70962330854963

     

    1. I created two submit buttons, and added a print button to one of them, then hide the submit button for that, so it shows one print button and one submit button. 

    Force printing of form before completion Image 1 Screenshot 40

     

    This can be done by using custom CSS, you can inject the following CSS to hide the submit button:

    #input_4

    {

      display: none;

    }

    Where #input_4 is the ID of the submit button, please note that his may be a different ID in your form, in order to find out the ID of a certain field, please follow this page: 

    How to find field IDs and names

     

    2. After setting up the submit and print buttons, I then added a radio button element, and set a condition on it with the following logic:

    I have printed the form

    IF yes then SHOW submit

    Force printing of form before completion Image 2 Screenshot 51

     

    The result works like this:

    Force printing of form before completion Image 3 Screenshot 62

     

     

    I hope this answers your question, you can clone the form and edit it to fit your need, using the URL below:

    https://form.jotformpro.com/70962330854963

     

    For more information on how to clone forms:

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    For more information on how to inject custom CSS:

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

    For more information on how to use conditional logic:

    https://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic

     

     

    Thank you