Inconsistent behavior with PDF formatting

Frappe Framework Print Formats
,
1

Hi All,

We’ve noticed an inconsistent behavior with PDF formatting when using print formats in our application. When a print format is triggered manually, the PDF is correctly formatted with the CSS styles applied. However, when the same print format is triggered by background jobs, the PDF does not seem to incorporate the CSS styles as expected.
Observations:

2

Hi guys, Any help here? Thanks

3

How did you generate the pdf using the background job?
Did you give the same parameters as seen in the url for the manual pdf print?

Working with Print formats have been hell from my experience as well. Alignments issues when printing from different browsers, header and footer doesn’t align properly at the start and end of the pages, the content if greater than one page (this is for line item descriptions specifically) leaves empty spaces and overlaps the next/previous line items… (Sorry for the rant)

4

Generating pdf didn’t give me a consitent and beautiful results too. What i end up is using jinja to create my print templates with html. Now I’ve the ultimate flexiblity with css and to convert to print instead of generating pdfs i use print to pdf feature of chrome. That way i’ll be consistent with the pdf.

5

In browser prints, how do you ensure the header is repeated on every page? (And the footer too at the bottom of every page?)
For single page prints yeah it works fine.

6

If you are using flex. Then it is not working because of wkhtmltopdf library.

You can use following CSS for flex in your print formats.

display: flex;
display: -webkit-box;
align-items: center;
-webkit-box-align: center;
justify-content: space-between;
-webkit-box-pack: justify;