Odoo Help


background-image working in html report but not in pdf report

Damián Soriano
on 6/11/14, 3:43 PM 16,540 views

I am generating a QWeb/Report with the following css rule:

.table-condensed {background-image:url('/l10n_ar_report_invoice/static/invoice_back.png');

and I see it correctly while printing the report in html. But when I set the report as PDF report the image is not shown.

Is there any way see a background-image in the pdf generated by QWeb/Report?

Have you managed to do this?

Pascal Tremblay
on 12/23/14, 6:57 PM

I think your image url might be wrong..

on 12/24/14, 12:10 AM

Hi Damian: I am facing the same issue.. Did you get any solution for this?

on 4/25/16, 4:41 AM
Jaydeep Barot (jar)
On 5/8/15, 7:05 AM

Wkhtmltopdf can render png,gif or jpg images as backgrounds.

using the syntax with 5 or more so lines.
<table class="table table-condensed" style="background-image:url('http://fc08.deviantart.net/fs70/i/2011/179/f/a/balloons_stock_2_png_by_mysticmorning-d3kds2w.png');">  

<table class="table table-condensed" style="background-image:url('http://upload.wikimedia.org/wikipedia/en/b/bc/Torus_with_cross-hatched_wireframe.gif');">



| 6 5 7
Lodz, Poland

On 12/30/14, 6:17 AM

Wkhtmltopdf cannot render png or gif images as backgrounds. Try converting your background image to a jpg.


<div class="page" t-attf-style="background-image:url('/my_module/static/img/wzor.jpg'); background-size:195mm 282mm; width:195mm; height:282mm;"> 

I am using jpg image but still the same, the image is only shown in html report and can not be shown in PDF report.

Mohamed Magdy
on 1/19/15, 8:33 AM

In my system works ok?! May try to update wkhtmltopdf.

on 1/19/15, 8:50 AM
Mohamed Magdy
On 1/19/15, 8:33 AM

Did anyone find the solution ?

On 6/22/16, 12:35 AM

I have faced a same problem and the problem was due to the background CSS shorthand rule (background: ....). So when i separate it to the generic CSS rules (background-image & background-position etc ..) the image has appeared correctly.

Note: I was using a png background.

Hope that helps!

Alex Lyngsoe
On 3/31/15, 3:55 AM

Did any of you find a solution on this ? I have the same issue with jpg image showing on html but not on pdf report.

Same issue.. Any solution?

on 4/25/16, 4:44 AM
we solved the problem by upgrading the wkhtmltopdf.

2016-04-25 10:44 GMT+02:00 Shiv Modi <shiv.modi4@gmail.com>:

Same issue.. Any solution?

Shiv Modi

Sent by Odoo S.A. using Odoo

Med venlig hilsen / Best Regards

Alex Lyngsøe

Alex Lyngsøe - IT & Forretningsoptimering
Bøelvej 19, DK-6690 Gørding
Tel. +45 28 56 00 30  CVR.Nr.: 30793277
mail@alexlyngsoe.dk  www.alexlyngsoe.dk   

Odoo OpenSource ERP solutions. Et fleksibelt Online ERP system med mange udvidelses- og tilpasningsmuligheder. Fra 190,- pr. bruger/måned. 

Alex Lyngsoe
on 4/25/16, 5:04 AM
On 7/3/15, 7:31 AM

When I installed Odoo.deb from Odoo website (also from nightly), every thing seems Ok, and logos (jpg&gif) printed in pdf reports, this mean that the issue is with the Github Odoo repository.

About This Community

This platform is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.


Odoo Training Center

Access to our E-learning platform and experience all Odoo Apps through learning videos, exercises and Quizz.

Test it now

Question tools

6 follower(s)


Asked: 6/11/14, 3:43 PM
Seen: 16540 times
Last updated: 6/22/16, 12:35 AM