Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

إدارة علاقات العملاء
e-Commerce
المحاسبة
المخزون
PoS
المشروع
MRP

All apps

كافة المنشورات الأفراد الشارات

علامات التصنيف (عرض الكل)

odoo accounting v14 pos v15

حول هذا المنتدى

المساعدة

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

development pdf reporting report html css

7 الردود

58639 أدوات العرض

Damián Soriano

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?

Pascal Tremblay

Have you managed to do this?

Anand

I think your image url might be wrong..

dirtyHandsPHP

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

Fakhri Brahem

أفضل إجابة

Odoo13 still same problem for multipage report

Anyway, this is a working solution using position absolute and z-index attributes


< div class="page" style="position:relative;">
    < img src="/your_module/static/src/img/bg.png" style="position: absolute;
        left:0;
        top:0;
        transform: translate(-50%,-50%);
        z-index:-10;
        width: 100%;    
        height: 100%;
    "/> .....

Zbik

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

EXAMPLE:

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

Mohamed Magdy

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.

Zbik

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

Jaydeep Barot (jar)

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');">

Slim BHIRI

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!

Mohamed Magdy

Did anyone find the solution ?

Alex Lyngsoe (P)

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.

dirtyHandsPHP

Same issue.. Any solution?

OdooBot

Hi,

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.

Ayham

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.

هل أعجبك النقاش؟ لا تكن مستمعاً فقط. شاركنا!

أنشئ حساباً اليوم لتستمتع بالخصائص الحصرية، وتفاعل مع مجتمعنا الرائع!

تسجيل

المنشورات ذات الصلة	الردود	أدوات العرض
How to add variable on webkit html to pdf on odoo 8 تم الحل pdf reporting webkit report html	1 أغسطس 18	7973
pdf print of report is working, but looks awefull - CSS is missing تم الحل pdf reporting report css wkhtmltopdf	2 يناير 16	11916
Report page Refresh page 404 pdf report html	0 أكتوبر 23	2159
Quotations PDF pdf html css	1 أكتوبر 22	3569
Change color of table td odoo14 pdf reporting report v14	1 أبريل 23	2441

لقد تم الإبلاغ عن هذا السؤال

هل أعجبك النقاش؟ لا تكن مستمعاً فقط. شاركنا!