JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
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?
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:
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:
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.
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
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.
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!