Pin image to bottom of reports page

General
1

What is the best way to pin an image to the bottom of each page in my reports template? I get funny results when use the footer section. The footer section works well for Page Number, Repoirt Info, and Signature, but not an image.

2

@ross @sandra
Thanks Tieku

3

Hi Tieku,

I have used images in the footer successfully with the MpdfRenderer, as long as the images are inside a div that is absolutely positioned. Here’s an example of the footer code we use to add an image across the full-width of the page along with the page number (mpdf-style):

<div style="position: absolute; left:0; right: 0; bottom: 0; margin: 0; z-index: 0;">
    <img src="{{assetPath}}/images/Mastery_FooterBar.svg" style="width:210mm; height: 70.6mm; margin: 0; display: block;" >
</div>

<div style="position: absolute; right: 6mm; bottom: 14mm; margin: 0; z-index: 1;">
    <span style="color: #ffffff; font-weight: bold; font-size: 9pt">Page {PAGENO} of {nb}</span>
</div>
4

Do you place this code in the Rich Text editor? I think it’s working for me.

5

It may work in the rich text editor, but the template tags for the page number won’t. The best place for this would be in a custom template for the footer section.