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; } } }

How can I pull in the page title to the PDF export header?

Barbara Green

An example in the Confluence doc shows how to customize the PDF style sheet header so that the page title is at the top.

Note that the content: for the title is a text string. Since this is done at the space level, is there a way to pull the page title in? So that when I select Export to PDF from the page menu, the page title is inserted?

@page
/* Any page-specific properties */
{
    @top-center
    {
        content: "Document Title Goes Here";
        font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
        font-size: 8pt;
    }
    @bottom-center
    {
        content: "Page " counter(page);
        font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
        font-size: 8pt;
    }
    /* Any other page-specific rules */
}

Accepted answers

All comments

sanjay srikonda2

I have been wondering this as well. I'm going to make sure to watch this post.

Stanislav Kalia

I have posted similar question regarding the space title on cover page of PDF.

Jason Eley

has anyone worked this out yet? I have even tried getting the .pagetitle h1 to go in the @page { @top_left } but to no avail.

Jason Eley

has anyone worked this out yet? I have even tried getting the .pagetitle h1 to go in the @page { @top_left } but to no avail.

RianA

Hi guys,

I'm afraid that confluence still could not add dynamically generated content in pdf export such as title of the page. there's a feature request regarding this, you can follow it here.

* https://jira.atlassian.com/browse/CONF-16733</span<>>

Feel free to add your comments to the discussion, vote on it and add yourself as a watcher for future updates. Also, please bear in mind the following document on how we schedule features for Atlassian Implementation of New Features and Improvements

Hope it helps.

Best regards,

Josua

Rainer Broleen

After checking the references to the flying saucer documentation mentioned elsewhere, I came up with the following using a running element (see http://www.w3.org/TR/2007/WD-css3-gcpm-20070504/#running1).

h1 
{
    position: running(header1);
}

@page
{
    size: A4 portrait;
    
    @top-center
    {
        content: element(header1);
    }

    @bottom-center
    {
        content: "  Page " counter(page) " of " counter(pages);
        /*font-size: 10px;*/
    }
}

Stephen Gilson

@Rainer,

That code works to pull in the h1 text, but the text ini the header reatins the same formatting as the h1 on the page. I tried this code, but bo go:

@top-left {
font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
font-size: 8pt !important;
content: element(header1);

}

Any idea?

Thanks,

Stephen

Rainer Broleen

I got the same (inconsistent) results. If you put the formatting in the h1{} some of it works, like the font size. I ran out of time to try around and figure out what works where. I was hoping that someone at Atlassian who is into the inner workings would point to the docs or explain it.

Matthew J. Horn

Maybe try doing something like this:

@top-left h1 {

...

}

Not sure if this will work, but might be worth a try.,

Steffen Heller

If you put the formatting in the h1 {...}, as Rainer wrote, it should work.

I am doing something similiar with a <div class="runningheader"> that I copy to the page's header and I can define the formatting with .runningheader {...}

BUT not everything works as expected. Font styles are no problem. Other things like e.g. background-images won't work or will only work if other properties like "width", "height" or "display" are properly defined and so on.

Christian Sprenger

...for the ammount of money paid COnfulence is SO NOT flexible. Not at ALL!

I tried with your suggestion but does not work.

Anyway, I think I'll hire some people and get some pens. Then they can write the page title on every printed document.

The time I already wasted to solve this (actually easy) issue is way more!

Steffen Heller

Hello everybody,

here is a simple example for how to automatically add the page title to the PDF header.

Add this to your PDF stylesheet:

@page {
@top-center {  
content: element(runningheader);
} 
}
.pagetitle h1 {
position: running(runningheader); 
}

Explanations and examples can be found at "Running headers".

Christian Sprenger

Edit: found the problem of dissapearing footer but still does not show me the page title in the top-center.

It will show me a dedicated page with the page title but this is not what I want. I^d like to have the title in the header-center.

Confluence V4.3.1

Unfortunately, my IE won't let me add the stylesheet as code so here it is in plain.

The "Page left" is with your suggestion, the right page how I tried. The reason we had "right" and "left" pages is that I wanted to display the page number always on the outside page, but for whatever reason I cannot show anything on "bottom-left" so we added tha page numbers into the center.

@page :left {
margin-left: 54pt; margin-right: 34pt;

@top-center {
content: element(runningheader);
}

.pagetitle h1 {
position: running(runningheader);
}

@bottom-center{
content: "Page " counter(page) " of " counter(pages);
font-family: times, serif;
font-size: 10pt;
}
@bottom-right {
content: "Copyright © 2013. All Rights Reserved";
font-family: times, serif;
color: #00853f;
font-size: 8pt;
}
}

@page :right {
margin-right: 54pt; margin-left:34pt;

@top-left{
content: element(header1);
font-size: 10pt;
}
@bottom-center{
content: "Page " counter(page) " of " counter(pages);
font-family: times, serif;
font-size: 10pt;
}
@bottom-right {
content: "Copyright © 2013. All Rights Reserved.";
font-family: times, serif;
color: #00853f;
font-size: 8pt;
}
}

@page :first {
@bottom-center{
content:none;
}
@bottom-right{
content:none;
}
}

This is not the full content of my stylesheet, if you need it please let me know.

And thank you very much for your support, I really appreciate!

Steffen Heller

@Christian:

If that header topic is important to you you should start from scratch and experiment with a new stylesheet that doesn't contain anything else. Otherwise there is always risk that different formats intermingle.

My example definitely works for confluence 4.3.7. When I export to PDF all the PDF pages have the page title in the header of the page.

The method also has its limitations:

Since the page title is MOVED (and not COPIED) it doesn't appear in the text area of the page anymore
If you do an advanced PDF export with numerous pages only the page title of the first page is moved to the header

As regards your code example one thing definitely needs to be corrected:

The ".pagetitle h1" must be OUTSIDE of the "@page { ... }". So move the ".pagetitle h1" behind the closing "}" of the "@page { ... }".

unknown

Issue Does Not Exist

The issue you are trying to view does not exist.

If you think this message is wrong, please contact your JIRA administrators.

Return to search

unknown

@all

follow the Steffen Heller comment, this solve (REALLY and DEFINITIVELY) the problem:

He says

Hello everybody,

here is a simple example for how to automatically add the page title to the PDF header.

Add this to your PDF stylesheet:

@page{

@top-center{

content: element(runningheader);

}

.pagetitle h1 {

position: running(runningheader);

}

Explanations and examples can be found at "Running headers".

Shell D

I'm still looking for a solution... tried

/* moves pagetitle (with modified formatting, eg: 10pt font) 
   from top of page to header (top left) on first page &amp; 
   footer (bottom left) on every page */  
.pagetitle h1 {
    position: running(runningheader);
    font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
    font-size: 10pt;
} 
@page:first {
    /* Header - Page Title */
    @top-left {
        content: element(runningheader);
    }
} 
@page {
    /* Footer - Page Title */
    @bottom-left {
        content: element(runningheader);
    }
    /* Footer - Page Numbers */
    @bottom-right {
        content: "Page " counter(page) " of " counter(pages);
        font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
        font-size: 10pt;
    }
    /* Generate border between footer and page content */
    border-bottom: 1px solid black;
}

/* doesnt appear to do anything as apparently 
   confluence supports CSS 2.1, not CSS 3 */
 
.pagetitle h1 {
     string-set: myheading content(); 
} 
 
@page {
     @bottom-left     {
         content: string(myheading);
         font-size: 8pt;
     }
}

/* doesnt appear to do anything as apparently 
   confluence supports CSS 2.1, not CSS 3 */
 
meta[name="wikilink"] {
     string-set: myheading attr(content);
}
 
link[rel="canonical"] {
     string-set: myurl attr(href);
}
 
@page {
 
     @bottom-left {
         content: string(myheading);
         font-size: 8pt;
     }
 
     @bottom-right {
         content: string(myurl);
         font-size: 8pt;
     }
}

Ideally I would like to obtain the url & path of page (spaceabbrev & page title) of these html codes & display them in headers & footers

&lt;link rel="canonical" href="the_page_url"&gt; 
&lt;meta name="wikilink" content="[SPACEABBREV:Page Title]"&gt;

Benjamin Kramer

me too:) would like to display the name of the space in the header and ideally the url

Any idea?

Vaibhav kamble_et0524

Hi guys,

how to get the current date into footer?

Chetanya Jain_wbmune

Hi Christian, can you please the full content with me, please?

Majo_syu5ay

@Steffen Heller 7 years later your answer helps me !!

Thanks a lot..

Welcome!

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

Quick Links

Find more posts tagged with

confluence

export

css

pdf