Skip to Content
Odoo Menu
  • Zaloguj się
  • Wypróbuj za darmo
  • Aplikacje
    Finanse
    • Księgowość
    • Fakturowanie
    • Wydatki
    • Arkusz kalkulacyjny (BI)
    • Dokumenty
    • Podpisy
    Sprzedaż
    • CRM
    • Sprzedaż
    • PoS Sklep
    • PoS Restauracja
    • Subskrypcje
    • Wypożyczalnia
    Strony Internetowe
    • Kreator Stron Internetowych
    • eCommerce
    • Blog
    • Forum
    • Czat na Żywo
    • eLearning
    Łańcuch dostaw
    • Magazyn
    • Produkcja
    • PLM
    • Zakupy
    • Konserwacja
    • Jakość
    Zasoby Ludzkie
    • Pracownicy
    • Rekrutacja
    • Urlopy
    • Ocena pracy
    • Polecenia Pracownicze
    • Flota
    Marketing
    • Marketing Społecznościowy
    • E-mail Marketing
    • SMS Marketing
    • Wydarzenia
    • Automatyzacja Marketingu
    • Ankiety
    Usługi
    • Projekt
    • Ewidencja czasu pracy
    • Usługi Terenowe
    • Helpdesk
    • Planowanie
    • Spotkania
    Produktywność
    • Dyskusje
    • Zatwierdzenia
    • IoT
    • VoIP
    • Baza wiedzy
    • WhatsApp
    Aplikacje trzecich stron Studio Odoo Odoo Cloud Platform
  • Branże
    Sprzedaż detaliczna
    • Księgarnia
    • Sklep odzieżowy
    • Sklep meblowy
    • Sklep spożywczy
    • Sklep z narzędziami
    • Sklep z zabawkami
    Żywienie i hotelarstwo
    • Bar i Pub
    • Restauracja
    • Fast Food
    • Pensjonat
    • Dystrybutor napojów
    • Hotel
    Agencja nieruchomości
    • Agencja nieruchomości
    • Biuro architektoniczne
    • Budowa
    • Zarządzanie nieruchomościami
    • Ogrodnictwo
    • Stowarzyszenie właścicieli nieruchomości
    Doradztwo
    • Biuro księgowe
    • Partner Odoo
    • Agencja marketingowa
    • Kancelaria prawna
    • Agencja rekrutacyjna
    • Audyt i certyfikacja
    Produkcja
    • Tekstylia
    • Metal
    • Meble
    • Jedzenie
    • Browar
    • Prezenty firmowe
    Zdrowie & Fitness
    • Klub sportowy
    • Salon optyczny
    • Centrum fitness
    • Praktycy Wellness
    • Apteka
    • Salon fryzjerski
    Transakcje
    • Złota rączka
    • Wsparcie Sprzętu IT
    • Systemy energii słonecznej
    • Szewc
    • Firma sprzątająca
    • Usługi HVAC
    Inne
    • Organizacja non-profit
    • Agencja Środowiskowa
    • Wynajem billboardów
    • Fotografia
    • Leasing rowerów
    • Sprzedawca oprogramowania
    Przeglądaj wszystkie branże
  • Community
    Ucz się
    • Samouczki
    • Dokumentacja
    • Certyfikacje
    • Szkolenie
    • Blog
    • Podcast
    Pomóż w nauce innym
    • Program Edukacyjny
    • Scale Up! Gra biznesowa
    • Odwiedź Odoo
    Skorzystaj z oprogramowania
    • Pobierz
    • Porównaj edycje
    • Wydania
    Współpracuj
    • Github
    • Forum
    • Wydarzenia
    • Tłumaczenia
    • Zostań partnerem
    • Usługi dla partnerów
    • Zarejestruj swoją firmę rachunkową
    Skorzystaj z usług
    • Znajdź partnera
    • Znajdź księgowego
    • Spotkaj się z doradcą
    • Usługi wdrożenia
    • Opinie klientów
    • Wsparcie
    • Aktualizacje
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Zaplanuj demo
  • Cennik
  • Pomoc

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

  • CRM
  • e-Commerce
  • Księgowość
  • Zapasy
  • PoS
  • Projekt
  • MRP
All apps
Musisz się zarejestrować, aby móc wchodzić w interakcje z tą społecznością.
Wszystkie posty Osoby Odznaki
Tagi (Zobacz wszystko)
odoo accounting v14 pos v15
O tym forum
Musisz się zarejestrować, aby móc wchodzić w interakcje z tą społecznością.
Wszystkie posty Osoby Odznaki
Tagi (Zobacz wszystko)
odoo accounting v14 pos v15
O tym forum
Pomoc

HTML report vs PDF: <img> shows strange borders

Zaprenumeruj

Otrzymaj powiadomienie o aktywności w tym poście

To pytanie dostało ostrzeżenie
imageqwebwkhtmltopdfborder
2 Odpowiedzi
1437 Widoki
Awatar
Alexander Gortschakow
<table style="width: 100%;border: 0px solid transparent;" class="o_selected_table">
    <tbody><tr>       
        <td style="text-align: center; vertical-align: top;" class="o_selected_td">
            <img src="{{image_data_uri(object.sudo().test_user.user_id.sign_signature)}}" style="width: 200px; height: auto;border: none !important;">
        </td>     


When I render it in html it's all fine:


When I download the pdf, the img has very strange borders:

Does anybody have an idea how to get rid of them?



0
Awatar
Odrzuć
Awatar
Cybrosys Techno Solutions Pvt.Ltd
Najlepsza odpowiedź

Hi,


Try the following.

1- Remove borders and outlines completely.


<img src="{{ image_data_uri(object.sudo().test_user.user_id.sign_signature) }}"

     style="width: 200px; height: auto; border: none; outline: none; box-shadow: none; background: transparent;"/>


2- Use table-borderless.


<table style="width: 100%;" class="table table-borderless">

    <tbody><tr>        

        <td style="text-align: center; vertical-align: top;" class="o_selected_td">

            <img src="{{image_data_uri(object.sudo().test_user.user_id.sign_signature)}}" style="width: 200px; height: auto;border: none !important;">

        </td>   



Hope it helps

0
Awatar
Odrzuć
Awatar
Ray Carnes (ray)
Najlepsza odpowiedź

Odoo uses an (old) external Python library to generate PDF's while your (modern) browser generates the HTML.

Browser

  • highly evolved, powerful rendering engine that handle CSS, flexbox, and complex layouts with great accuracy and consistency

Python Library

  • more limited rendering engine (dependent on the verion of WebKit installed ) which may not fully support all modern CSS features, especially those related to layout and borders.


Here are a few things to try:

  • verify the correct version of Webkit if you are hosting Odoo yourself - https://github.com/odoo/odoo/wiki/Wkhtmltopdf
  • set the "border" property to 0 or none on both the TR and TD tags
  • try border: 0px; instead or border: none
0
Awatar
Odrzuć
Christoph Farnleitner

Hey Ray
While at it already, got a rough ETA or a potential version of Odoo to look forward to regarding https://github.com/odoo/paper-muncher? v20, v21, ...?

Ray Carnes (ray)

We (not me, the smart folks I work with) have been on a quest for years to find a robust, open-source, and architecturally sound solution for this, but nothing out there quite fits the bill.

What you found is the result of some pioneering co-workers who just wouldn't take no for an answer and ended up with a side project that got entirely out of hand and is a real contender for what we do next.

Our target is Odoo 20.0. It is a huge undertaking whichever way we end up going, and timelines can shift a bit, but that's what we're aiming for. We appreciate you being excited about what's coming next—we are too!

Podoba Ci się ta dyskusja? Dołącz do niej!

Stwórz konto dzisiaj, aby cieszyć się ekskluzywnymi funkcjami i wchodzić w interakcje z naszą wspaniałą społecznością!

Zarejestruj się
Powiązane posty Odpowiedzi Widoki Czynność
Load image from db to qweb report Rozwiązane
image qweb
Awatar
Awatar
2
sie 20
5036
Report missing header, footer and styling when scheduled Rozwiązane
qweb wkhtmltopdf
Awatar
Awatar
Awatar
Awatar
Awatar
7
lut 19
7300
How To Change QWEB Footer Height ( Bottom-Margin ) In Specific Page ( Last Page )
qweb wkhtmltopdf paperformat
Awatar
Awatar
1
sie 25
1497
Report text and header is overlaps when description is too long in QWeb report line.
qweb report wkhtmltopdf
Awatar
Awatar
1
lut 24
4052
Qweb external link is OK in HTML but KO in PDF
pdf qweb wkhtmltopdf
Awatar
Awatar
1
wrz 19
8474
Społeczność
  • Samouczki
  • Dokumentacja
  • Forum
Open Source
  • Pobierz
  • Github
  • Runbot
  • Tłumaczenia
Usługi
  • Hosting Odoo.sh
  • Wsparcie
  • Aktualizacja
  • Indywidualne rozwiązania
  • Edukacja
  • Znajdź księgowego
  • Znajdź partnera
  • Zostań partnerem
O nas
  • Nasza firma
  • Zasoby marki
  • Skontaktuj się z nami
  • Oferty pracy
  • Wydarzenia
  • Podcast
  • Blog
  • Klienci
  • Informacje prawne • Prywatność
  • Bezpieczeństwo Odoo
الْعَرَبيّة 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 to pakiet aplikacji biznesowych typu open source, które zaspokoją wszystkie potrzeby Twojej firmy: CRM, eCommerce, księgowość, inwentaryzacja, punkt sprzedaży, zarządzanie projektami itp.

Unikalną wartością Odoo jest to, że jest jednocześnie bardzo łatwe w użyciu i w pełni zintegrowane.

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