Weird Custom Printing Format (Jinja + HTML and CSS)

[johanesm21]

I have a custom print format with Jinja + HTML and custom CSS configurations like the following images:

But when I print that (in pdf format) why does it looks like these? (“Diterima Oleh” and “Dibuat Oleh” are separated with new line)

It is so weird because I also have tried in standard html + css (with bootstrap) deployment and it display correctly (“Diterima Oleh” should be beside “Dibuat Oleh”)

[Yamen_Zakhour]

You should prefix flex and any unsupported CSS, check these

HTML Print format previews well, but PDF generation is apparently ignoring any CSS

I assume you are trying to use flex. You will need to prefix your CSS as wkhtmltopdf does not support latest CSS. Like this; .flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .inline-flex { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-dir…

[johanesm21]

It works like a charm . So basically, because ERPNext uses wkhtmltopdf, which does not fully support bootstrap, we need to set CSS classes manually. Many thanks for your code.