DOMpdf, adding a new page to PDF

Question

Is it possible to add a new page in DOMpdf? Similar to mPDF AddPage(); functionaly. I can't seem to find anything in the documentation, is there any work around to this?

I can't seem to find anything in the documentation.

One possible answer is [here](http://stackoverflow.com/a/27658136/1883256) — Pathros, Apr 12 '16 at 20:16

score 79 · Answer 1 · answered Mar 31 '14 at 17:46

79

dompdf takes care of paging automagically. If you want to force a page break you can do so by styling an element with page-break-before: always; or page-break-after: always;.

answered Mar 31 '14 at 17:46

BrianS

13,284
15
62
125

3

But where do you type that code? Any _further_ and _deeper_ example? – Pathros Apr 12 '16 at 18:08
2

@pathros that's standard CSS, so you would style the element you want with those declarations, either inline or in a stylesheet. – BrianS Apr 14 '16 at 13:43
1

Thank you Brian <3 – Sep 15 '16 at 14:16

score 63 · Answer 2 · edited May 23 '17 at 12:26

63

Just an example for BrianS's answer:

CSS

.page_break { page-break-before: always; }

HTML

<div class="page_break"></div>

edited May 23 '17 at 12:26

Community

1
1

answered May 11 '17 at 09:31

cottton

1,522
14
29

2

If you having issue where an extra blank page is added at the end, it is actually caused by the newline that comes after the closing tag. Putting both the
and
on the same line as the last
– FaizFizy Jan 23 '21 at 06:50

score 13 · Answer 3 · answered Jan 23 '18 at 05:20

13

All answers presented here will make DomPDF to add a blank page to the end of the PDF file. Here is how to fix that:

CSS:

div.page_break + div.page_break{
    page-break-before: always;
}

HTML:

<div class="page_break"></div>

answered Jan 23 '18 at 05:20

Andresa Martins

280
2
9

The problem is caused by the newline that comes after the closing tag. Putting both the
and
on the same line as the last
– FaizFizy Jan 23 '21 at 06:46

score 10 · Answer 4 · answered Aug 13 '20 at 09:05

may be will be helpfull for auto generation some pages

<div class="wrapper-page">
    ... page content ...    
</div>

css

.wrapper-page {
    page-break-after: always;
}

.wrapper-page:last-child {
    page-break-after: avoid;
}

https://github.com/dompdf/dompdf/wiki/CSSCompatibility

score 4 · Answer 5 · answered Jan 28 '16 at 16:39

4

If the other answer doesn't work for you (as it is for me), you can add a CSS class :

.page { width: 100%; height: 100%; }

and encapsulate every "page" in an element with this class. Not the prettiest way, but it does the job.

answered Jan 28 '16 at 16:39

Didier Sampaolo

2,566
4
24
34

DOMpdf, adding a new page to PDF

5 Answers5

Linked