I would like the logo of the company on any pdf export within an area.

[jojootje]

I would like the logo of the company on any pdf export within an area.

The page https://confluence.atlassian.com/display/DOC/Customising+Exports+to+PDFis giving me too litte information to get it working. I tried 4 ways to get the logo above the page of a pdf, but neither is working. (see attachment)

After saving the "look and feel" pages, I open a page (example http://help.softwear.nl/display/SWHELP/informatie+over+SEPA) and go to Tools - Export to PDF.
No logo appears.

Please tell me what to do.

What I already tried:

option 1: 

pdf download:

<div id="logo" style="margin-top:10mm"> 
</div>

pdf stylesheet

.logo
{
margin-left: auto;
margin-top: 50mm;
margin-right: auto;
backgound-image: /download/attachments/4948755/header_softwear_100.jpg;
page-break-after:always
}

option 2:

pdf download:

<div class="fsTitlePage"> <img src="/download/attachments/4948755/header_softwear_100.jpg" /></div>

pdf stylesheet:

.fsTitlePage
{
margin-left: auto;
margin-top: 50mm;
margin-right: auto;
page-break-after:always
}

option 3:
         
pdf download:

<div style="margin-top:10mm">  
<img src="http://help.softwear.nl/download/attachments/4948755/header_softwear_100.jpg" />  
</div>

pdf stylesheet:

.fsTitlePage
{
margin-left: auto;
margin-top: 50mm;
margin-right: auto;
page-break-after:always
}

option 4:


pdf download:

<div class="fsTitlePage"> <img src=""http://help.softwear.nl/download/attachments/4948755/header_softwear_100.jpg" /></div>

pdf stylesheet:

.fsTitlePage
{
margin-left: auto;
margin-top: 50mm;
margin-right: auto;
page-break-after:always
}

[salehparsa · Accepted solution]

Hi Jojootje,

I think it's better to use content instead of the background image.

.logo
{
margin-left: auto;
margin-top: 50mm;
margin-right: auto;
content: url ("http://help.softwear.nl/download/attachments/4948755/header_softwear_100.jpg");
page-break-after:always
}

Take a look at this example in this comment on documentation.

Cheers,

Saleh

[jojootje]

Still no logo, even if I change the URL to /download/attachments/4948755/header_softwear_100.jpg as suggested in the documentation.

any other suggestions?

[Steffen Heller]

Just a few hints:

Option 1 contains some mistakes:
You mix up "id" and "class". In the html you define an id but in the CSS you use a class. And the syntax for "backgound-image" is wrong. It must be "background-image: url(/download/attachments/4948755/header_softwear_100.jpg);"

Option 2, 3 and 4 won't work at all because the "Look and Feel > PDF Space Export > Header/Footer" only works for space exports (Browse > Advanced > PDF export). But what you are using is a page export (Tools > Export to PDF).

[jojootje]

Thank you! I kept staring at my codes but didn't see the errors.

I changed it, but still no logo on the export. Have another idea?

pdf download:

<div class="logo" style="margin-top:10mm"> 
</div>

pdf stylesheet

.logo
{
margin-left: auto;
margin-top: 50mm;
margin-right: auto;
background-image: url(/download/attachments/4948755/header_softwear_100.jpg);
page-break-after:always
}

Somebody??