Skip to Content
This question has been flagged
2 Replies
128 Views
Avatar
Thomas González

I'm trying to make a new report for purchase orders but no matter how i try it doesn't go all the way down, there's a huge white space at the end after what i put as the footer, here is some of the stuff related to the code i have in my .xml template


<style>

.cea-bottom {

position: absolute;

left: 22px;

right: 22px;

bottom: 18px;

display: flex;

flex-direction: column;

gap: 10px;

}


.cea-signatures {

width: 100%;

font-size: 10px;

color: #000000;

}


.cea-signatures td {

text-align: center;

padding-top: 40px;

}


.cea-footer-bar {

margin-top: 18px;

background: #398ec4;

color: #ffffff;

text-align: center;

padding: 6px 0 5px;

font-size: 10px;

}

</style>


....


<div class="cea-bottom">

<table class="cea-signatures">

<tr>

<td>

___<br/>

<span t-esc="o.userid.name"/><br/>

DIGITADA POR

</td>

<td>

__<br/>

<span t-esc="o._fields.get('approver_id') and o.approver_id.name or o.user_id.name"/><br/>

APROBADA POR

</td>

</tr>

</table>


<div class="cea-footer-bar">

Sample text

</div>

</div>





and here's the format i'm using


<odoo>

<record id="paperformat_purchase_order_cea" model="report.paperformat">

<field name="name">Orden de compras CEA</field>

<field name="format">A4</field>

<field name="margin_top">0</field>

<field name="margin_bottom">0</field>

<field name="margin_left">0</field>

<field name="margin_right">0</field>

<field name="orientation">Portrait</field>

<field name="header_line" eval="False"/>

<field name="dpi">90</field>

</record>



Avatar
Discard
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Best Answer

Hi,


The issue occurs because Odoo’s built-in PDF layout wraps your report inside containers that add hidden padding and minimum height. Even if your footer uses position: absolute at the bottom, it cannot reach the physical page edge because Odoo’s external layout imposes extra space. This creates the large white gap at the bottom.

To fix it, you must either bypass or override Odoo’s default layout. One approach is to use a minimal layout such as web.minimal_layout, which removes most internal padding, then place all report content inside a wrapper with position: relative and place your footer absolutely at the bottom. This ensures the footer aligns correctly. Another option is to keep the default layout but create your own wrapper with min-height: 100% and apply your absolute footer inside it.

Adjusting the paper format may also help: setting margins to zero, defining page width/height explicitly, and forcing header_spacing = 0 prevents wkhtmltopdf from inserting its own spacing. Once these constraints are removed, your footer can sit at the very bottom.

In short, the white space is caused by default Odoo layout padding. Switching to a minimal layout or explicitly overriding the wrapper structure allows your footer to render flush at the bottom of the page.


Hope it helps

Avatar
Discard
Avatar
381inessas
Best Answer

Hey Thomas, great start! Try setting position: fixed; for .cea-bottom instead of absolute. Also, check your margin-bottom in the paperformat record; even a small value can cause issues. Maybe related to version differences? Hope this helps with your reporting needs! 

Avatar
Discard