What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by StaffMidAm 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?

    Page URL:
    www.staffmidamerica.com/applications

    print section information PDF break have form
  • Profile Image
    JotForm Support

    Answered by Nik_C 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

    Answered by StaffMidAm 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
    JotForm Support

    Answered by Nik_C 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
    JotForm Support

    Answered by Nik_C 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!