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

[Shreena Patel]

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

<div style=s"margin-top:10mm; text-align:right">

<img src="/download/attachments/###/name.jpg"/>

</div>

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

[Daniela Scheiwe]

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.

[Stephen Fairclough]

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.

[Shreena Patel]

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.