nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Export to PDF - Copy content

Daniel Garcia12

Hi,

I'm customizing a spaces stylesheet and layout and I have a question:

Obviously when I do export to PDF, the title of the page is assigned as the label 'h1' and I can in define style for title in stylesheet.

I want to put in the lower left corner the name of the title of the page with another style. I was thinking but I haven't found any solution . It is possible in some way to copy the content of the title of the page in another division (div) for exemple, to apply style and place it where I want?
Anyone think another solution? JavaScript to get the contents of a section and copy in another?

Thanks in advance!

Daniel

Accepted answers

Stefan Kleineikenscheidt _K15t_

Copying via JS probably doesn't work, as the PDF generator will not execute your JavaScript.

However you can use CSS3 running elements to put elements from the page content in the header/footer of the page. A quick google search revealed:

* http://stackoverflow.com/questions/9729461/creating-page-headers-and-footers-using-css-for-print/9742295#9742295

* The standard http://www.w3.org/TR/css3-gcpm/ (please note that the PDF Exporter does not support CSS3 fully)

Alternatively look at https://marketplace.atlassian.com/plugins/com.k15t.scroll.scroll-pdf, which makes defining Headers/Foorters for PDF export really simple. (Disclaimer: I am working for K15t Software)

All comments

Stefan Kleineikenscheidt _K15t_

Copying via JS probably doesn't work, as the PDF generator will not execute your JavaScript.

However you can use CSS3 running elements to put elements from the page content in the header/footer of the page. A quick google search revealed:

* http://stackoverflow.com/questions/9729461/creating-page-headers-and-footers-using-css-for-print/9742295#9742295

* The standard http://www.w3.org/TR/css3-gcpm/ (please note that the PDF Exporter does not support CSS3 fully)

Daniel Garcia12

Your answer don't solve my problem...

I want a solution that I can "generate" another 'div' or similar that have the title of the page... because I want to put this copy title page in the bottom of page.

I have tried many methods but I can't get the title text in another section to apply the style position.. any idea ?

Stefan Kleineikenscheidt _K15t_

"in the bottom of page" does that meant you want to put the text in the footer?

Daniel Garcia12

Stefan, sorry for the word 'the bottom of the page'.

Yes, I want to copy tittle of the page in the footer.

Steffen Heller

@Daniel:

There is a similiar discussion at https://answers.atlassian.com/questions/16168/how-can-i-pull-in-the-page-title-to-the-pdf-export-header which shows a method for doing this.

GG_8g1vkw

You can use Content Exporter for Confluence addon to add footer to any page export dynamically:
https://metainf.atlassian.net/wiki/spaces/CEX/pages/70432009/Headers+and+footers

You can also add stylesheets for the export where you can define how your footer should look like:https://metainf.atlassian.net/wiki/spaces/CEX/pages/53968900/Custom+Stylesheets

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

export

javascript

pdf