Adding Watermarks To Reports

Note: Please make sure to create a new template when making any customization.

Part 1: Adding a Simple Watermark

To add a watermark to a report, you will need to add the following code to the very top of your page template:

</div>

To adjust the positioning of the watermark, you will use the first like of the code highlighted in blue.

For the image you would like to display as a watermark, you will need the image URL and inset it in the green highlighted area.

Part 2: Advanced Watermark Examples

If you would like to use watermark or images to be displayed on a report based on fulfillment status, payment status, etc. you will want to add an {#ifEqual} statement to your watermark. Please note that it is required to include this code at the top of your page template. What this code will do is layer the images but will only display the corresponding image to the designated status. The example below shows us how this works with an Invoice Payment Status:

{{#ifEqual invoiceOrderPaymentsStatusSummary "Paid"}}<img style="position:absolute;left:4.5in;top:110pt;height:42pt;width:216pt;object-fit:contain" src="image URL">{{/ifEqual}}

{{#ifEqual invoiceOrderPaymentsStatusSummary "Overpaid"}}<img style="position:absolute;left:4.5in;top:110pt;height:42pt;width:216pt;object-fit:contain" src="image URL">{{/ifEqual}}

</div>

As shown above, you would want to have an {#ifEqual} statement for all possible statuses. The blue and green highlighted areas are to differentiate the different from one status to the other of the data point. The areas highlighted in red are the only areas that needed to be replaced by the desire data point. Lastly, you would want to make sure to add the image URL in the yellow highlighted area.