Can I print a multiple page form that is separated with page breaks onto separate pages at the page breaks?

  • utsportsmedicine
    Asked on April 2, 2015 at 12:07 PM
  • Jeanette JotForm Support
    Replied on April 2, 2015 at 1:59 PM

    I guess you are talking about using page breakers so the form will be on multiple pages? Yes, that's possible, you can find it under Survey tools

    adding a page break Screenshot 10

    Please check this guide for further instructions

    https://www.jotform.com/help/119-How-to-Create-Multi-Page-Forms

     

  • utsportsmedicine
    Replied on April 6, 2015 at 9:47 AM

    Actually, we are trying to make it so that you print the forms on separate pieces of paper.  The page breaks just separate the form while filling it out. Not while printing. I will

     

  • raul
    Replied on April 6, 2015 at 11:02 AM

    If I understand correctly you want to add the page break for when the form is printed, right?. If this is correct, you can do this by using custom CSS in your form along with a Text field.

    The css code you'll need to use is the following:

    @media print {
       .page-break {page-break-after: always;}
    }

    Then, you'll need to add a Text field in your form where you want to insert the page break.

    Can I print a multiple page form that is separated with page breaks onto separate pages at the page breaks? Image 1 Screenshot 30

    This will insert a page break when the form is printed.

    Can I print a multiple page form that is separated with page breaks onto separate pages at the page breaks? Image 2 Screenshot 41

    You can find a cloned version of one of your forms which include the mentioned code here: http://form.jotformpro.com/form/50954345791968. Feel free to clone it to your account.

    Let us know if this is what you're referring to or something else. Thank you.

  • utsportsmedicine
    Replied on April 6, 2015 at 12:16 PM

    is there any way i could speak to someone over the phone or skype? i cannot get this to work. thank you.

  • BJoanna
    Replied on April 6, 2015 at 12:38 PM

    Unfortunately, we don't have Phone Support available. For any problem you have, post your question on forum and we will do our best to respond quickly.

    However I saw that my colleague raul made test example with custom CSS, how your form need to look like in order to print it with page breaks. I tested one more time proposed solution and it is working for me.

    Did you try to http://form.jotformpro.com/form/50954345791968? 

    Hope this will help. 

  • utsportsmedicine
    Replied on April 6, 2015 at 2:54 PM

    Can you please help us on this following form. We attempted to put in the code that was given to us previously, but it does not work while printing a submitted form. Can you help adjust the code on this form for us?

    http://form.jotform.us/form/41424095528152

  • BJoanna
    Replied on April 6, 2015 at 3:34 PM

    I have tested your form one more time and it seems that inside of your Inject Custom CSS is a lot of code related to padding that is causing the form to go on to next page when viewing printable form. 

    You can try adding this code inside of your form by Injecting Custom CSS. To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    @media print {

    .form-line {

    margin-top: 0px;

    margin-bottom: 0px;

    }

    }

    Can I print a multiple page form that is separated with page breaks onto separate pages at the page breaks? Image 1 Screenshot 30

    After adding this code your printable version should look like this.

    Can I print a multiple page form that is separated with page breaks onto separate pages at the page breaks? Image 2 Screenshot 41

    Hope this will help. Let us know if you need further assistance.

     

     

  • utsportsmedicine
    Replied on April 6, 2015 at 4:00 PM

    This did help thank you.  What we are trying to do is print each page "Cleanly" one title per page on a multi-form submission.  We have been able to go in and do the things that you have suggested and it has worked to print the non filled-in form, although there was a blank page in between every page.  What we are trying to do is once a form is filled out and submitted then be able to print it and it be cleanly on a page.  We are saving most of our submissions electronically but there are certain release forms that we need printed out some times to send to medical facilities to get records.  We would like for ease of saving be able to use the multi-form submission and have it save into a PDF so that we do not have to assemble 12 pages in a PDF on the back end.  We have not been able to do this because of the medical history template mentioned above because we need it to be one page.  I have uploaded one of the submissions and how it is showing up after using your suggestions above.

     

    I have marked in red where the page break should be.  I believe that we have done this as instructed above.  I don't know if it just does not translate over or what we are trying to do cannot be done. 

     

    Any help you can give will be appreciated!  If it cannot be done then we will go back to do individual forms.  Thank you for your time!http://www.jotform.com/submissions/41424095528152Can I print a multiple page form that is separated with page breaks onto separate pages at the page breaks? Image 1 Screenshot 20

  • sorglenda
    Replied on April 6, 2015 at 4:04 PM

    I'm trying this on my form, but it's not working.  I have page breaks on the form for when the form is going to be answered, I want the page breaks, or at least, bigger margins at the top and bottom of the printed answered form.

  • David JotForm Support
    Replied on April 6, 2015 at 5:48 PM

    The CSS my colleagues described will only work for printing out the form itself, it will not work while viewing your submissions.  The CSS will not be applied while printing your submissions, only when printing the form itself from within your browser.  The CSS unfortunately, does not carry over.

    @sorglenda, if you would like to create a new thread letting us know the form you are working on as well as a bit more detail about where you would like adjustments made, we will be happy to assist you.

  • utsportsmedicine
    Replied on April 7, 2015 at 8:51 AM

    So as of now, Jotform does not have anything that carries over to print the forms cleanly on separate pages when you do a multi-page form?

  • Elton Support Team Lead
    Replied on April 7, 2015 at 10:27 AM

    @utsportsmedicine 

    It is only possible on the form level but not with the submissions. In other words, the following solution will only work when you print your form in your browser.

    If you want to separate each form page on print mode, simply inject this CSS codes. You don't have to add any other text element to your form, this will automatically separate each page breaks into pages.

    @media print {

    [data-type="control_pagebreak"]{page-break-after: always;}

    }

    If you need further assistance, let us know here.

    Regards!