In QWEB Report, we can add watermark text or images in the background.
For that,
we have to take one <div> (HTML tag), <p> or <img> tag with many CSS attributes.
Example: I want to add a sale order company logo in sale report as watermark text to the report in orange colour.
Add Following <div> in sale-->view-->report_saleorder.xml-->in <div class="page">
In report_saleorder.xml File
<t t-if="doc.company_id.logo">
<div style="position:absolute;opacity:0.25;width:100%;text-align:center;z-index:1000;">
<img t-att-src="'data:image/png;base64,%s' % doc.company_id.logo"/>
</div>
</t>
Explanation:
Company image of sale order will get print in the report as a watermark. The image will be render using
“data:image/png;base64”.
- You can add CSS to elements in QWeb reports so you can add images in it.
- You can do anything you’d like with CSS so just host an image somewhere and add an element to your report which you style as you’d like.
Other Example: I want to add order number in the sale report as watermark text to the report in orange color.
<t t-if="o.namef">
<div class="watermark" style="position:absolute;opacity:0.25;font-size:3em;width:100%;text-align:center;z-index:1000;">
<p t-field="o.name"/>
</div>
</t>
For any further queries feel free to Contact Us we would be glad to help you.