Invoice background image not shown on PDF

1

Latest version of Manager Server. Invoice theme adjusted to include background image behind everything on page. Works perfectly on screen, print (chrome), and Save As PDF Chrome.

image
image810×743 176 KB

But when PDF button is pressed resultiing PDF is missing background image.

image
image916×943 35.2 KB

Tried couple of things that I could think of in CSS, and so. Nothing. To be clear it is not an business logo image, it is custom image field in Business settings that is imported in let sya Sales Invoice theme and used as <body style=”background-image: url(……….>

<body style="background-image: url("/image?ogYTZVhwcmVzc2l2ZSBncmFwaGljcw&key=8a1cb3ce-d27e-4cd0-b977-f8ddf6abfecc";); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;">

@lubos Am I missing something? Is there some trick?

2

I had the same problem so I asked ChatGPT and they told me and gave me a new theme and it works good now. I deleted the chats . So mine looks like this its a picture of my business card with the words taken out and saved as my logo

image
image766×484 62 KB

body style=“margin:0; padding:0; font-family:Arial, sans-serif; min-width:765px;”>

!-- Outer table (contains everything) →
table style=“width:100%; border-collapse:collapse; border:1px solid #000;”>
tr>
td style=“padding:20px;”> 

<!-- ================= HEADER / BANNER ================= -->
<div style="position:relative; width:100%; height:180px;"> <!-- taller banner -->
    {% if business.logo != null %}
    <img src="{{ business.logo }}"
         style="width:100%; height:180px; object-fit:cover; display:block;">
    {% endif %}

    <!-- Overlay details inside banner -->
    <table style="width:100%; position:absolute; top:35px; left:0; height:160px; border-collapse:collapse; font-size:13px;">
        <tr>

            <!-- Client details -->
            <td style="width:45%; padding-left:20px; vertical-align:top; color:#000;">
                <b>{{ recipient.name }}</b> {{ recipient.code }}<br>
                {{ recipient.address | newline_to_br }}<br>
                {{ recipient.identifier }}
            </td>
3

Thanks, but this is old style Liquid custom themes. They are obsolete now, and may be removed in future. Also a needed not only header background but whole page background graphics.

But already solved it something similar to this solution, not to go into details. Essentially put an image outside main table, position it fixed at 0,0 and set z-index to -999. Simply more elegant solution with body.background doesn’t works with print and PDF very reliably.

4

Oh Ok sorry