Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,299,601
Community Members
 
Community Events
165
Community Groups

How to insert image in header for exporting to PDF

Edited

I need to insert a logo into the header of the exported PDF. I'm putting html code in PDF Layout according to the instructions on Advanced PDF Export Customizations, but the exported PDF is not responding to the changes. Only PDF stylesheet responds to changes I made.

 

1 answer

1 accepted

Hi @Helen Xu,

The instructions in the link you provided state that the "src attribute" of the image must be added in the PDF Layout as well as PDF Stylesheet (instructions Step 3) to view the expected output.

I have used this feature in the past. Once you add the image link in your header or footer syntax as 'background-image' in the stylesheet, you should be able to view the image in the exported output.

Hope this is what you were looking for!

Thanks

Sireesha

Hi @Sireesha Dugginapeddi [Appfire],

Thanks for the reply!

I have added the following to the Stylesheet but it's still not working. Any help would be appreciated.

....

@page {
@top-center {
content: "Blah Blah.";
font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
font-size: 8pt;
background-image: url("https://confluence.atlassian.com/download/attachments/12346/header-image.png");
}

.....

Thanks!

Helen

Like Mark Walsh likes this

Hi @Helen Xu,

For background-image url, use the path from /download/attachments/12346/header-image.png and not https://confluence.atlassian.com/download/attachments/12346/header-image.png.

Also, as explained in the article, copy the image location from the Confluence page it is attached to and use the URL as mentioned earlier (from /download/attachments.....)

Hope this works out!

Thanks

Sireesha

Like Mark Walsh likes this

@Sireesha Dugginapeddi [Appfire]

Thanks for the clarification! Now I have the logo appear in the header.

I'm noticing whatever I do in pdf layout, the export is not responding to it. It's only using the stylesheet... I even deleted the whole html code and the header words in pdf layout, the export still shows everything on.... So I just edited the css code to include positioning etc.

Thanks again!

Helen

HI,

I am not sure about the location or file path of the image?

Any help would be appreciated

HI  Helen, could you help me with this!

Hi @Aparna R 

For the file path of the image,

  1. Insert an image to a page in a space
  2. Go to Space Setting in that Space, view the list of attachments, then right-click the image and copy its location.

Hope this help :)

Ref: https://confluence.atlassian.com/doc/advanced-pdf-export-customizations-198806890.html

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Confluence

An update on Confluence Cloud customer feedback – June 2022

Hi everyone, We’re always looking at how to improve Confluence and customer feedback plays an important role in making sure we're investing in the areas that will bring the most value to the most c...

287 views 2 6
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you