Zum Inhalt springen
Odoo Menü
  • Anmelden
  • Jetzt gratis testen
  • Apps
    Finanzen
    • Buchhaltung
    • Rechnungsstellung
    • Spesenabrechnung
    • Tabellenkalkulation (BI)
    • Dokumente
    • E-Signatur
    Vertrieb
    • CRM
    • Vertrieb
    • Kassensystem – Shop
    • Kassensystem – Restaurant
    • Abonnements
    • Vermietung
    Websites
    • Website-Builder
    • E-Commerce
    • Blog
    • Forum
    • Livechat
    • E-Learning
    Lieferkette
    • Lager
    • Fertigung
    • PLM
    • Einkauf
    • Wartung
    • Qualität
    Personalwesen
    • Mitarbeiter
    • Personalbeschaffung
    • Abwesenheiten
    • Mitarbeiterbeurteilung
    • Personalempfehlungen
    • Fuhrpark
    Marketing
    • Social Marketing
    • E-Mail-Marketing
    • SMS-Marketing
    • Veranstaltungen
    • Marketing-Automatisierung
    • Umfragen
    Dienstleistungen
    • Projekte
    • Zeiterfassung
    • Außendienst
    • Kundendienst
    • Planung
    • Termine
    Produktivität
    • Dialog
    • Genehmigungen
    • IoT
    • VoIP
    • Wissensdatenbank
    • WhatsApp
    Apps von Drittanbietern Odoo Studio Odoo Cloud-Plattform
  • Branchen
    Einzelhandel
    • Buchladen
    • Kleidergeschäft
    • Möbelhaus
    • Lebensmittelgeschäft
    • Baumarkt
    • Spielwarengeschäft
    Essen & Gastgewerbe
    • Bar und Kneipe
    • Restaurant
    • Fast Food
    • Gästehaus
    • Getränkehändler
    • Hotel
    Immobilien
    • Immobilienagentur
    • Architekturbüro
    • Baugewerbe
    • Immobilienverwaltung
    • Gartenarbeit
    • Eigentümervereinigung
    Beratung
    • Buchhaltungsfirma
    • Odoo-Partner
    • Marketingagentur
    • Anwaltskanzlei
    • Talentakquise
    • Prüfung & Zertifizierung
    Fertigung
    • Textil
    • Metall
    • Möbel
    • Speisen
    • Brauerei
    • Firmengeschenke
    Gesundheit & Fitness
    • Sportklub
    • Brillengeschäft
    • Fitnessstudio
    • Therapeut
    • Apotheke
    • Friseursalon
    Handel
    • Handyman
    • IT-Hardware & -Support
    • Solarenergiesysteme
    • Schuster
    • Reinigungsdienstleistungen
    • HLK-Dienstleistungen
    Sonstiges
    • Gemeinnützige Organisation
    • Umweltschutzagentur
    • Plakatwandvermietung
    • Fotostudio
    • Fahrrad-Leasing
    • Software-Händler
    Alle Branchen ansehen
  • Community
    Lernen
    • Tutorials
    • Dokumentation
    • Zertifizierungen
    • Schulung
    • Blog
    • Podcast
    Bildung fördern
    • Bildungsprogramm
    • Scale-Up! Planspiel
    • Odoo besuchen
    Software anfragen
    • Herunterladen
    • Editionen vergleichen
    • Releases
    Zusammenarbeiten
    • Github
    • Forum
    • Veranstaltungen
    • Übersetzungen
    • Partner werden
    • Dienstleistungen für Partner
    • Buchhaltungsfirma registrieren
    Services anfragen
    • Partner finden
    • Buchhalter finden
    • Einen Experten treffen
    • Implementierungsservices
    • Kundenreferenzen
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Eine Demo erhalten
  • Preiskalkulation
  • Hilfe

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

  • CRM
  • e-Commerce
  • Buchhaltung
  • Lager
  • PoS
  • Projekte
  • MRP
All apps
Sie müssen registriert sein, um mit der Community zu interagieren.
Alle Beiträge Personen Abzeichen
Stichwörter (Alle anzeigen)
odoo accounting v14 pos v15
Über dieses Forum
Sie müssen registriert sein, um mit der Community zu interagieren.
Alle Beiträge Personen Abzeichen
Stichwörter (Alle anzeigen)
odoo accounting v14 pos v15
Über dieses Forum
Hilfe

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

Abonnieren

Erhalten Sie eine Benachrichtigung, wenn es eine Aktivität zu diesem Beitrag gibt

Diese Frage wurde gekennzeichnet
developmentpdfreportingreporthtmlcss
7 Antworten
58616 Ansichten
Avatar
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?

3
Avatar
Verwerfen
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?

Avatar
Fakhri Brahem
Beste Antwort

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%; "/> .....



0
Avatar
Verwerfen
Avatar
Zbik
Beste Antwort

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;"> 
3
Avatar
Verwerfen
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.

Avatar
Jaydeep Barot (jar)
Beste Antwort

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

2
Avatar
Verwerfen
Avatar
Mohamed Magdy
Beste Antwort

Did anyone find the solution ?

1
Avatar
Verwerfen
Avatar
Slim BHIRI
Beste Antwort

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!

1
Avatar
Verwerfen
Avatar
Alex Lyngsoe (P)
Beste Antwort

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.

0
Avatar
Verwerfen
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. 

   
Avatar
Ayham
Beste Antwort

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.

0
Avatar
Verwerfen
Diskutieren Sie gerne? Treten Sie bei, statt nur zu lesen!

Erstellen Sie heute ein Konto, um exklusive Funktionen zu nutzen und mit unserer tollen Community zu interagieren!

Registrieren
Verknüpfte Beiträge Antworten Ansichten Aktivität
How to add variable on webkit html to pdf on odoo 8 Gelöst
pdf reporting webkit report html
Avatar
Avatar
1
Aug. 18
7952
pdf print of report is working, but looks awefull - CSS is missing Gelöst
pdf reporting report css wkhtmltopdf
Avatar
2
Jan. 16
11904
Report page Refresh page 404
pdf report html
Avatar
0
Okt. 23
2151
Quotations PDF
pdf html css
Avatar
Avatar
1
Okt. 22
3564
Change color of table td odoo14
pdf reporting report v14
Avatar
Avatar
1
Apr. 23
2426
Community
  • Tutorials
  • Dokumentation
  • Forum
Open Source
  • Herunterladen
  • Github
  • Runbot
  • Übersetzungen
Dienstleistungen
  • Odoo.sh-Hosting
  • Support
  • Upgrade
  • Individuelle Entwicklungen
  • Bildung
  • Buchhalter finden
  • Partner finden
  • Partner werden
Über uns
  • Unsere Firma
  • Markenwerte
  • Kontakt
  • Karriere
  • Veranstaltungen
  • Podcast
  • Blog
  • Kunden
  • Rechtliches • Datenschutz
  • Sicherheit
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo ist eine Suite von Open-Source-Betriebsanwendungen, die alle Bedürfnisse Ihres Unternehmens abdecken: CRM, E-Commerce, Buchhaltung, Lager, Kassensystem, Projektmanagement etc.

Das einzigartige Wertversprechen von Odoo ist, dass es gleichzeitig sehr einfach zu bedienen und voll integriert ist.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now