Problem downloading PDF budget template

[ViniBernardo]

Recently, some custom budget templates (HTML) are causing problems: When downloaded as a PDF, the tables, texts, and banners are overlapping each other.

I don't know if this is due to the PDF itself or the code. I need help.

follow a screenshot:

[Anton · Accepted solution]

Hi @ViniBernardo, 

do I get you right that the PDF is actually a HTML file and once a user clicks on "download", it getting converted to a PDF?

If so - it's most likely a conversion error of the HTML-to-PDF library. I've played around with such converters in the past and I had the best results with wrapping all CSS in a 

@media print{
 /* YOUR CSS styles for the PDF */
}

media query.

Also: Since PDFs are print, a recommended practise is to use 'mm'/'inch' and 'pt' instead of 'px'

If the file is actually a PDF than it's a PDF error and you might want to save the file as PDF again

best, 

Anton

[ViniBernardo]

Hi Anton

Thank you very much for the tip.

I was seriously going crazy with this.

The PDF problem has finally been solved, now only the page break part remains.

But the worst is over hehe.

Thank you very much