# Impression PDF différente **URL:** \ **Category:** 🚨 Bug\ **Created:** [Janvier 23, 2024, 10:49 UTC](https://community.dokos.io/t/impression-pdf-differente/888 "2024-01-23T10:49:50Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![lateliercom](https://community.dokos.io/letter_avatar_proxy/v4/letter/l/85e7bf/32.png) [@lateliercom](https://community.dokos.io/u/lateliercom)\ **Post date:** [Janvier 23, 2024, 10:49 UTC](https://community.dokos.io/t/impression-pdf-differente/888/1 "2024-01-23T10:49:50Z")
Bonjour, J’ai créer un template en Jinja avec du CSS ect. Mais quand j’appuis sur l’icone impression, la preview est bien différente de l’impression. Je ne comprend pas pourquoi il y as autant d’écart. En Preview ![Capture-d’écran-2024-01-23-à-11.46.06](https://community.dokos.io/uploads/default/original/1X/e5930c7f342ffbb165e7ff2435ea33b98b7427c9.jpeg) En impression ![Capture-d’écran-2024-01-23-à-11.46.33](https://community.dokos.io/uploads/default/original/1X/e177f845d4bc856b664fb6af7247615d35e3b846.jpeg) ---
**Author:** ![corentin](https://community.dokos.io/user_avatar/community.dokos.io/corentin/32/305_2.png) [@corentin](https://community.dokos.io/u/corentin)\ **Post date:** [Janvier 23, 2024, 11:17 UTC](https://community.dokos.io/t/impression-pdf-differente/888/2 "2024-01-23T11:17:40Z")
Bonjour @lateliercom, J’imagine que tu utilises Flexbox ? Si c’est le cas, flexbox n’est pas totalement supporté par wkhtmltopdf, le moteur de rendu PDF actuel de Dokos. > > > Flexbox seems to be broken in wkhtmltopdf. > > Here's a test case, which renders co…rrectly in current versions of Chrome, Firefox, and Internet Explorer. wkhtmltopdf renders it as if the flex properties were not present. > > Tested with the 0.12 Windows 32-bit download as found on http://wkhtmltopdf.org/ (wkhtmltox-win32\_0.12.0-03c001d.exe). As you can see I tried using the -webkit- prefixes and they didn't help. > > \`\`\` > \ > \\\Flexbox test\ > \ > body { > width: 800px; > border: 2px solid green; > } > .flexrow { > width: 100%; > display: flex; > flex-direction: row; > justify-content: space-between; > display: -webkit-flex; > -webkit-flex-direction: row; > -webkit-justify-content: space-between; > } > .flexrow \> div { > background-color: yellow; > border: 1px dashed black; > } > \ > \ > \ > \
> \This is\item 1\ > \This is\item 2\ > \This is\item 3\ > \This is\item 4\ > \This is\item 5\ > \ > \ > \ > \`\`\` > > > \## Description of the issue > Images and layout do not display correctly. > > I ha…ve designed a print format with jinja, html and css. The images nd layout are not displayed correctly in pdf view > > In full page view, images and layout display correctly > !\[image\](https://github.com/frappe/frappe/assets/46288096/c18b6656-d2c4-407b-a085-906a0bf04e4d) > > > In the pdf view the design is completely broken > !\[image\](https://github.com/frappe/frappe/assets/46288096/5726ea92-f4da-4426-9f9e-9581bb6dc6da) > > Same in print view > !\[image\](https://github.com/frappe/frappe/assets/46288096/90aa6f2a-1126-4cc8-a65e-e908b7633d92) > > > > \*\*Output of \`bench version\`\*\* > \`\`\` > erpnext 15.0.0 > frappe 15.0.1 > payments 0.0.1 > print\_designer 1.0.0 (not used to this format) > \`\`\` ---
**Author:** ![lateliercom](https://community.dokos.io/letter_avatar_proxy/v4/letter/l/85e7bf/32.png) [@lateliercom](https://community.dokos.io/u/lateliercom)\ **Post date:** [Janvier 23, 2024, 3:00 UTC](https://community.dokos.io/t/impression-pdf-differente/888/3 "2024-01-23T15:00:07Z")
Merci pour ta réponse, mais voici le HTML, je n’ai pas de flexbox : ```auto

Devis Pour

{{ doc.customer_name }}

Addresse

{{doc.address_display}}

Total Ttc

{{"%.2f"|format(doc.grand_total)}} €

Date D'envoi

{{ frappe.utils.formatdate(doc.transaction_date, "dd/mm/yy") }}

Devis N

{{ doc.name }}
{%- for row in doc.items -%} {%- endfor -%}
Descriptif Prix Unitaire Quantite Total HT
{{ row.item_name }}
{{row.description}}		 {{"%.2f"|format(row.rate)}} {{row.qty}} {{"%.2f"|format(row.amount)}}
BON POUR ACCORD - SIGNATURE + TAMPON SOUS-TOTAL
REMISE
TVA (20%)		 {{"%.2f"|format(doc.total)}} €
{{doc.additional_discount_percentage}}%
{{"%.2f"|format(doc.total_taxes_and_charges)}} €		 TOTAL
TTC
{{"%.2f"|format(doc.grand_total)}} €
MÉTHODE DE PAIEMENT : CHÈQUE - VIREMENT
``` ---
**Author:** ![lateliercom](https://community.dokos.io/letter_avatar_proxy/v4/letter/l/85e7bf/32.png) [@lateliercom](https://community.dokos.io/u/lateliercom)\ **Post date:** [Janvier 24, 2024, 2:14 UTC](https://community.dokos.io/t/impression-pdf-differente/888/4 "2024-01-24T14:14:45Z")
Bonjour @corentin J’ai bien le dernier wkhtmltopdf avec qt patched, mais j’ai toujours ce problème de preview pdf, sais tu comment je peux corriger ce problème ? ---
**Author:** ![corentin](https://community.dokos.io/user_avatar/community.dokos.io/corentin/32/305_2.png) [@corentin](https://community.dokos.io/u/corentin)\ **Post date:** [Janvier 24, 2024, 2:39 UTC](https://community.dokos.io/t/impression-pdf-differente/888/5 "2024-01-24T14:39:32Z")
Pour tes trois images/logos dans l’entête, peut-être qu’il faut essayer en définissant les attributs HTML _width_ et _height_ plutôt que d’utiliser la propriété CSS _max-width_ ? ```diff - + ``` ---
**Author:** ![lateliercom](https://community.dokos.io/letter_avatar_proxy/v4/letter/l/85e7bf/32.png) [@lateliercom](https://community.dokos.io/u/lateliercom)\ **Post date:** [Février 6, 2024, 9:58 UTC](https://community.dokos.io/t/impression-pdf-differente/888/6 "2024-02-06T09:58:22Z")
Merci @corentin, mais je suis passé dur Frappe Print Designer qui est un peux plus facile d’utilisation. Mais j’ai un bug, lors du design, j’ai bien les images ect, mais lors de la preview sur un devis, tous disparait, idem en PDF et aussi en impression. Je ne vois pas d’ou viens le problème car je n’ai aucune erreur en plus…