Is there a way to have the PDF page break where I want it?

  • StaffMidAm
    Asked on November 4, 2016 at 7:54 AM

    I have 7 section in my form. Broken into 5 pages on the electronic version. However, when I get the information, I would like it to print on two sheets, back and front. A total of four pages. Is there a way to manage that?

  • Nik_C
    Replied on November 4, 2016 at 11:04 AM

    Please try the following:

    1. Add the Text field right above each of the breaks:

    Is there a way to have the PDF page break where I want it? Image 1 Screenshot 60

    2. Click Edit HTML and in the Source code paste below code:

    <div class="pageBreak"></div>

    Is there a way to have the PDF page break where I want it? Image 2 Screenshot 71

    So, again, you will do that in every place on your form where you have a break.

    3. Open your Designer - Inject Custom CSS:

    Is there a way to have the PDF page break where I want it? Image 3 Screenshot 82

    Is there a way to have the PDF page break where I want it? Image 4 Screenshot 93

    4. And Paste there this code:

    @media print{

        .pageBreak {

            page-break-after : always !important;

        }

    }

     

    Please give a try and let us know how it worked. I did a test on your cloned form and this is how it came out to me:

    Is there a way to have the PDF page break where I want it? Image 5 Screenshot 104

    We'll wait for your response.

    Thank you!

  • StaffMidAm
    Replied on November 7, 2016 at 2:44 PM
    It did not work. Still breaks based on inputted information. Also the inject CSS under the design mode is not as pictured in the email sent. I think I did it right even thoug the two options were colors and CSS under CSS I just deleted the page style listed already and added the one you gave me.
    David S Rodriguez
    Senior Staffing Coordinator
    Staff Mid-America
    Phone: 402-558-1524
    Fax: 402-331-0691
    ...
  • Nik_C
    Replied on November 7, 2016 at 4:22 PM

    I tested and I understand what you're referring to. 

    Please allow me some time to investigate other possibilities.

    I'll get back to you through this thread.

    Thank you!

  • Nik_C
    Replied on November 8, 2016 at 11:24 AM

    Hello David,

    I did some testing, but unfortunately, I didn't find the way to do that. PDF is created how the fields are inputted and it's just how it is. What I did earlier, in my previous post, is if you want to use clean empty, fillable PDF. 

    PDF can be customized in some way, but you can not include page breaks because of how PDF is converted when a form is submitted.

    What I see as a workaround for you, is to use your print button in the form because if you open for example filled form and click print, you will be able to save PDF and that PDF will have page breaks where we put them:

    Is there a way to have the PDF page break where I want it? Image 1 Screenshot 20

    It is a bit of work, but that would be the only way to get your PDF look like the form.

    Regarding the CSS input, you had some CSS code that's true, but you could paste my code right below that existing code, that is fine.

    Let us know what you think about this.

    Thank you for your patience!