I'm trying to add an image to odoo invoices as the company sign to all pages in the report, i'am added it by this way <img style =" width:200px;heights:350px;text-align:right;border-radius: 50%; " t-attf-src =" data:image/*

Dear Mohamed Fouad , Please try this code. Subtotal <t t-if="len(o.tax_line_ids) == 1 and o.amount_untaxed == amount_

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

CRM
e-Commerce
Accounting
Inventory
PoS
Project
MRP

All apps

All Posts People Badges

Tags (View all)

odoo accounting v14 pos v15

About this forum

Help

how to add image to all pages on odoo report?

xml qweb report watermark

4 Replies

8584 Views

Mohamed Fouad (personal)

I'm trying to add an image to odoo invoices as the company sign to all pages in the report, i'am added it by this way

<template id="durar_sale_order_sign_inv" inherit_id="account.report_invoice_document">
<xpath expr="//div[@id='qrcode']" position="after">
<div class="watermark" style="position:absolute;opacity:0.25;width:100%;heights:100%;z-index:4000;">
<img style="width:200px;heights:350px;text-align:right;border-radius: 50%;" t-attf-src="data:image/*;base64,{{o.sign_img}}"/>
</div>
</xpath>
</template>

it locates the image at the correct position I want, but it placed always in the last page
I need it on every page in the report , so I tried this way

<template id="report_layout" inherit_id="web.external_layout_background">
    <xpath expr="//div[hasclass('header')]" position="inside">
          <div style="position:absolute;opacity:0.25;width:100%;heights:100%;z-index:4000;">
              <img style="width:200px;heights:opacity:0.25;350px;text-align:right;border-radius: 50%;" t-attf-src="data:image/*;base64,{{o.sign_img}}"/>
          </div>
    </xpath>
</template>

but this put the image under the header in every page and it covered contents, so how can I place the image in right bottom and repeat it in every page

Ajin A K

Dear Mohamed Fouad,

Please try this code.

<xpath expr="//div[@class='clearfix']" position="replace">
                <div class="clearfix">
                        <div id="total" style="float:right;width:30%;">
                            <div>
                                <table class="table table-sm">
                                    <tr class="border-black o_subtotal" style="">
                                        <td><strong>Subtotal</strong></td>
                                        <td class="text-right">
                                            <span t-field="o.amount_untaxed"/>
                                        </td>
                                    </tr>
                                    <t t-foreach="o.amount_by_group" t-as="amount_by_group">
                                        <tr style="">
                                            <t t-if="len(o.tax_line_ids) == 1 and o.amount_untaxed == amount_by_group[2]">
                                                <td><span t-esc="amount_by_group[0]"/></td>
                                                <td class="text-right o_price_total">
                                                    <span t-esc="amount_by_group[3]" />
                                                </td>
                                            </t>
                                            <t t-else="">
                                                <td>
                                                    <span t-esc="amount_by_group[0]"/>
                                                    <span>&nbsp;<span>on</span>
                                                        <t t-esc="amount_by_group[4]"/>
                                                    </span>
                                                </td>
                                                <td class="text-right o_price_total">
                                                    <span t-esc="amount_by_group[3]"/>
                                                </td>
                                            </t>
                                        </tr>
                                    </t>
                                    <tr class="border-black o_total">
                                        <td><strong>Total</strong></td>
                                        <td class="text-right">
                                            <span t-field="o.amount_total"/>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div>
                            <table>
                                <tr>
                                    <td>
                                       <span t-field="o.user_id.name"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td>

<img t-if="o.user_id.user_signature" t-att-src="image_data_uri(o.user_id.user_signature)" style="max-height: 70px;" alt="Logo"/>

                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
            </xpath>

Thank you,

Mohamed Fouad (personal)

Author

in which template

Ajin A K

<!-- Insert your code ->

</template>

Haresh Kansara

Hi,

I think you can add custom header or footer to achieve this. Because header/footer added from external_layout and it will display in all pages. Also one more idea to think, you can choose different report template in odoo. there is one template with background image. So we can check how it comes to all pages and this will give your answer

I hope this will helpful to you.

Thanks

MUHAMMAD Imran

Try to give image path like that.

Mohamed Fouad (personal)

Author

the path is correct in my example and gives me the right image

Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Related Posts	Replies	Views
how to get passed values from qweb report invoice xml qweb report	1 Aug 23	7685
Odoo9: How to print an integer without comma? Solved xml qweb report odoo9	4 Jul 19	9172
Marksheet report to show two exam session results xml qweb report model	0 Dec 18	4397
QWebTemplateNotFound: External ID not found in the system: exploit_cnss.report_cnss Solved xml qweb report odoo8.0	9 Feb 17	6795
odoo 16 report target new page scss qweb report	1 Apr 25	2296

This question has been flagged

Enjoying the discussion? Don't just read, join in!