Passa al contenuto
Odoo Menu
  • Accedi
  • Provalo gratis
  • App
    Finanze
    • Contabilità
    • Fatturazione
    • Note spese
    • Fogli di calcolo (BI)
    • Documenti
    • Firma
    Vendite
    • CRM
    • Vendite
    • Punto vendita Negozio
    • Punto vendita Ristorante
    • Abbonamenti
    • Noleggi
    Siti web
    • Configuratore sito web
    • E-commerce
    • Blog
    • Forum
    • Live chat
    • E-learning
    Supply chain
    • Magazzino
    • Produzione
    • PLM
    • Acquisti
    • Manutenzione
    • Qualità
    Risorse umane
    • Dipendenti
    • Assunzioni
    • Ferie
    • Valutazioni
    • Referral dipendenti
    • Parco veicoli
    Marketing
    • Social marketing
    • E-mail marketing
    • SMS marketing
    • Eventi
    • Marketing automation
    • Sondaggi
    Servizi
    • Progetti
    • Fogli ore
    • Assistenza sul campo
    • Helpdesk
    • Pianificazione
    • Appuntamenti
    Produttività
    • Comunicazioni
    • Approvazioni
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    App di terze parti Odoo Studio Piattaforma cloud Odoo
  • Settori
    Retail
    • Libreria
    • Negozio di abbigliamento
    • Negozio di arredamento
    • Alimentari
    • Ferramenta
    • Negozio di giocattoli
    Cibo e ospitalità
    • Bar e pub
    • Ristorante
    • Fast food
    • Pensione
    • Grossista di bevande
    • Hotel
    Agenzia immobiliare
    • Agenzia immobiliare
    • Studio di architettura
    • Edilizia
    • Gestione immobiliare
    • Impresa di giardinaggio
    • Associazione di proprietari immobiliari
    Consulenza
    • Società di contabilità
    • Partner Odoo
    • Agenzia di marketing
    • Studio legale
    • Selezione del personale
    • Audit e certificazione
    Produzione
    • Tessile
    • Metallo
    • Arredamenti
    • Alimentare
    • Birrificio
    • Ditta di regalistica aziendale
    Benessere e sport
    • Club sportivo
    • Negozio di ottica
    • Centro fitness
    • Centro benessere
    • Farmacia
    • Parrucchiere
    Commercio
    • Tuttofare
    • Hardware e assistenza IT
    • Ditta di installazione di pannelli solari
    • Calzolaio
    • Servizi di pulizia
    • Servizi di climatizzazione
    Altro
    • Organizzazione non profit
    • Ente per la tutela ambientale
    • Agenzia di cartellonistica pubblicitaria
    • Studio fotografico
    • Punto noleggio di biciclette
    • Rivenditore di software
    Carica tutti i settori
  • Community
    Apprendimento
    • Tutorial
    • Documentazione
    • Certificazioni 
    • Formazione
    • Blog
    • Podcast
    Potenzia la tua formazione
    • Programma educativo
    • Scale Up! Business Game
    • Visita Odoo
    Ottieni il software
    • Scarica
    • Versioni a confronto
    • Note di versione
    Collabora
    • Github
    • Forum
    • Eventi
    • Traduzioni
    • Diventa nostro partner
    • Servizi per partner
    • Registra la tua società di contabilità
    Ottieni servizi
    • Trova un partner
    • Trova un contabile
    • Incontra un esperto
    • Servizi di implementazione
    • Testimonianze dei clienti
    • Supporto
    • Aggiornamenti
    GitHub Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Richiedi una demo
  • Prezzi
  • Aiuto

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

  • CRM
  • e-Commerce
  • Contabilità
  • Magazzino
  • PoS
  • Progetti
  • MRP
All apps
È necessario essere registrati per interagire con la community.
Tutti gli articoli Persone Badge
Etichette (Mostra tutto)
odoo accounting v14 pos v15
Sul forum
È necessario essere registrati per interagire con la community.
Tutti gli articoli Persone Badge
Etichette (Mostra tutto)
odoo accounting v14 pos v15
Sul forum
Assistenza

HTML report vs PDF: <img> shows strange borders

Iscriviti

Ricevi una notifica quando c'è un'attività per questo post

La domanda è stata contrassegnata
imageqwebwkhtmltopdfborder
2 Risposte
1459 Visualizzazioni
Avatar
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
Avatar
Abbandona
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Risposta migliore

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
Avatar
Abbandona
Avatar
Ray Carnes (ray)
Risposta migliore

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
Avatar
Abbandona
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!

Ti stai godendo la conversazione? Non leggere soltanto, partecipa anche tu!

Crea un account oggi per scoprire funzionalità esclusive ed entrare a far parte della nostra fantastica community!

Registrati
Post correlati Risposte Visualizzazioni Attività
Load image from db to qweb report Risolto
image qweb
Avatar
Avatar
2
ago 20
5045
Report missing header, footer and styling when scheduled Risolto
qweb wkhtmltopdf
Avatar
Avatar
Avatar
Avatar
Avatar
7
feb 19
7314
How To Change QWEB Footer Height ( Bottom-Margin ) In Specific Page ( Last Page )
qweb wkhtmltopdf paperformat
Avatar
Avatar
1
ago 25
1510
Report text and header is overlaps when description is too long in QWeb report line.
qweb report wkhtmltopdf
Avatar
Avatar
1
feb 24
4067
Qweb external link is OK in HTML but KO in PDF
pdf qweb wkhtmltopdf
Avatar
Avatar
1
set 19
8487
Community
  • Tutorial
  • Documentazione
  • Forum
Open source
  • Scarica
  • Github
  • Runbot
  • Traduzioni
Servizi
  • Hosting Odoo.sh
  • Supporto
  • Aggiornamenti
  • Sviluppi personalizzati
  • Formazione
  • Trova un contabile
  • Trova un partner
  • Diventa nostro partner
Chi siamo
  • La nostra azienda
  • Branding
  • Contattaci
  • Lavora con noi
  • Eventi
  • Podcast
  • Blog
  • Clienti
  • Note legali • Privacy
  • Sicurezza
الْعَرَبيّة 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 è un gestionale di applicazioni aziendali open source pensato per coprire tutte le esigenze della tua azienda: CRM, Vendite, E-commerce, Magazzino, Produzione, Fatturazione elettronica, Project Management e molto altro.

Il punto di forza di Odoo è quello di offrire un ecosistema unico di app facili da usare, intuitive e completamente integrate tra loro.

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