CODEWITHSUNDEEP
odooodoo-10watermarkqweb
Jack Sparrow
Jack Sparrow

Reputation: 666

How to add a watermark image to Qweb Reports in all PDF pages in Odoo?

I am creating qweb report and I want to add a image to the background in all pages but I am getting watermark in only the first page. What I have tried:

<div style="position:absolute;text-align:center;z-index:-1;border:0;opacity:0.1;padding-top:50px;">
    <img t-att-src="'data:image/png;base64,%s' %o.employee_id.company_id.watermark_img"/>
</div>

Upvotes: 2

Views: 2903

Answers (2)

ChesuCR
ChesuCR

Reputation: 9630

I have found the solution here

Add this code for watermark in header of external layout. Its external id is report.external_layout_header:

<style>
    .watermark {
        position: absolute;
        opacity: 0.25;
        z-index: 1000;
        transform: rotate(300deg);
        -webkit-transform: rotate(300deg);
        width: 150%;
    }
</style>

<div class="watermark">
    <p>WATERMARK</p>
    <img t-att-src="'/module_name/static/src/img/image_name.png'" />
</div>

I have added a image stored as a file. If you are going to use a static image I think this is the most appropiate way

Note: I am afraid this does not work in Odoo v11

Update

This solution only is valid if you want to add the same image to all the reports.

There is a module developed by the OCA to add watermarks to the reports. A field appears in all reports where an images (with A4 size) can be added. The module name is report_qweb_pdf_watermark

Upvotes: 3

Bhoomi Vaishnani
Bhoomi Vaishnani

Reputation: 718

Please try this code:

<div 
style="position:absolute;opacity:0.25;z-index:1000;transform:rotate(300deg);-webkit-transform:rotate(300deg);width:150%;">
<p style="font-size:50px;">WATERMARK TEXT</p>
</div>

Upvotes: 1

Related Questions