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

  • Profile Image
    StaffMidAm
    Asked on November 04, 2016 at 07: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?

  • Profile Image
    Nik_C
    Answered on November 04, 2016 at 11:04 AM

    Please try the following:

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

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

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

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

    3. Open your Designer - Inject Custom CSS:

    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:

    We'll wait for your response.

    Thank you!

  • Profile Image
    StaffMidAm
    Answered on November 07, 2016 at 02: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
    ...
  • Profile Image
    Nik_C
    Answered on November 07, 2016 at 04: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!

  • Profile Image
    Nik_C
    Answered on November 08, 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:

    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!