Overslaan naar inhoud
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Alle posts Personen Badges
Labels (Bekijk alle)
odoo accounting v14 pos v15
Over dit forum
Deze vraag is gerapporteerd
reportv17
2 Antwoorden
2970 Weergaven
Avatar
Salvador Pocasangre

It is possible to set a max height or a height to a page div?

i'm using a module (custom_background in the app store) that sets a pdf as background to the entire page, this pdf i set as background has some decorative elements on the corners, over this background is placed the report generated by the report engine and this one comes with a white background, so when it reaches an specific height it covers the decorative elements, so that it's why i need to limit the height of the 'page' div.

i have this report with this structure inside of a web.basic_container:

i have already tried with these css attributes: max-height, max-height...  but it didnt work
div class=page

inside i have stuff like tables, text, etc.​

Avatar
Annuleer
Avatar
Jasmin
Beste antwoord
That is a classic, Since the background PDF is fixed, the usual max-height CSS won't reliably constrain the content div.page inside Odoo's reporting engine because it's managing pagination.

The most useful solution is often moving the decorative background elements from the background PDF into the QWeb footer/header and giving them a high z-index and position: fixed so they float above the main report content. That way, the main content can safely run beneath them without hitting a white wall.

Avatar
Annuleer
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Beste antwoord
Hi,

In Odoo v17 PDFs, the .page div height is controlled by wkhtmltopdf, not normal browser CSS
max-height and height do NOT work reliably on .page because wkhtmltopdf auto-expands pages
You cannot truly limit .page height, but you can limit the inner content instead
The correct solution is to wrap your content inside another div and control that div’s height
Apply this inside .page, not on .page itself
Use overflow:hidden to prevent content from covering your decorative background
Avoid background on .page when using full-page background PDFs
This is the only wkhtmltopdf-safe workaround for your use case

Hope it helps.

Avatar
Annuleer
Gerelateerde posts Antwoorden Weergaven Activiteit
Add full page background image to custom report. Opgelost
report v17
Avatar
Avatar
Avatar
2
sep. 24
6146
Add svg & image fixed to a corner to a custom report
report v17
Avatar
Avatar
1
jul. 24
3824
How to add some element at last page report template ? Opgelost
qweb report v17
Avatar
Avatar
Avatar
2
jul. 25
3252
How to costumize footer height at report layout ?
report qweb-report v17
Avatar
Avatar
1
nov. 24
3847
How can I show sum in amount in currency column in partner ledger report?
accounting report v17
Avatar
0
okt. 24
3095