How to add image on top right of page- PDF Export Customisations?

Question

Hi there, I am trying to put a logo on the rop right corner of my page but it won't work. Can you tell me what I'm doing wrong? I tried adding a content: url to stylesheet but that didn't work either. Is it the size of my image (180x86)? PDF Space Export Header

Stylesheet @page { /*The A4 paper size is 210 mm wide by 297 mm long*/ size: 210mm 297mm; } @page { size: 210mm 297mm; margin-top: 20mm; margin-bottom: 10mm; margin-left: 10mm; margin-right: 10mm; } div { word-wrap: break-word; } @page { @top-right{ background-image: url("/download/attachments/###/name.jpg"); } } Would appreciate your support. Thanks, Shreena

Stephen Fairclo · Answer

One important thing to mention: You will not get the PDF layout when you export using the PDF export from the page tools. It only works when using the PDF export method of the space.

Daniela Scheiwe · Answer

Hey!

I'm struggling with that at the moment as well.

For me it worked best when I put the background image to the complete page element:

@page {
background-image: url(http://xyz.com/logo1.png);
background-repeat: no-repeat;}

You might then add background-position to align the image.

I noticed that adding the image to the @top elements displays them but depending on the size of the logo it's placed outside the visible area. You can try that by adding a large fully colored graphic. I only saw a 2px line of the logo although it was like 50x50px.

And another thing that took a while to find out: If the logo should stretch over the complete document, the desired width is 797px at 96dpi.

Shreena Patel1 · Answer

I don't think any of it is working, even if I get rid of most of the code and just leave the logo it isn't displaying.