コンテンツへスキップ
この質問にフラグが付けられました
developmentpdfreportingreporthtmlcss
7 返信
57195 ビュー
アバター
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');">  


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

アバター
破棄
アバター
Mohamed Magdy
最善の回答

Did anyone find the solution ?

アバター
破棄
アバター
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!

アバター
破棄
アバター
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
8月 18
7197
pdf print of report is working, but looks awefull - CSS is missing 解決済
pdf reporting report css wkhtmltopdf
アバター
2
1月 16
10991
Report page Refresh page 404
pdf report html
アバター
0
10月 23
1546
Quotations PDF
pdf html css
アバター
アバター
1
10月 22
3014
Change color of table td odoo14
pdf reporting report v14
アバター
アバター
1
4月 23
1839