Define different page layouts for PDF export

Question

Hello everyone, I want to define different page layouts for when you export to PDF. I want some to be landscape and some in portrait mode. Also some should have a different margin. I found a similar question and a promising answer here: https://community.atlassian.com/t5/Confluence-questions/Confluence-How-can-we-export-PDF-in-portrait-or-landscape-in-the/qaq-p/349230#M58987 Sadly, that solution does not seem to work, or at least not the way I want it to. Whenever I set my first page to use a named page, I end up with one extra empty page on my export. Any help is greatly appreciated. [Edit] further explanation what I tried to do: I edited the stylesheet under "Space Tools -> Look and Feel -> PDF Stylesheet". I use the Export function located under "Space Tools -> Content Tools -> Export => Export as PDF". I am using Confluence version 6.15.9. It is the Server edition which I am hosting myself for testing purposes. The named page in and of itself is working. The problem is that I defined a named page for my cover page. So it is called with "

" in the very first page. As far as I can tell changing the "@page" automatically creates a pagebreak. That is why I get an empty page at the beginning. For now I just use "@page :blank" and set it to "display: none;" to get rid of it.

Steffen Heller · Answer

That is a lot of text and I am not sure to fully understand what you are after.

Is your main point this:

The width of "wiki-content" stays the same and does *not* change when the page format switches from landscape to portrait.

I have had that problem before. For example, if you change a page to landscape to have more space for wide tables, these tables only occupy a part of the available space. There is a discussion about that with some workarounds but no solution at

https://community.atlassian.com/t5/Confluence-questions/How-can-we-export-a-specific-PDF-page-in-portrait-or-landscape/qaq-p/115774#M19248

Perhaps there is something in the default CSS confluencedefaultpdf.css that makes "wiki-content" act as it does!?

Tobias_jslo9k · Answer

Let's take a look at the intermediary html page that gets generated:

Test Home

Cover Page

Test Home

Cover Page

This is
some text

Yes, that indentation is awful, but that's how it is getting generated. There is some content that gets automatically added, such as the table of contents, which I've hidden with the css, same goes for the titles: /* remove displayed titles */ .title-header { display: none; } /* don't add a table of content */ div.toc { display: none; } Let's clean up and look a bit closer at the interesting part:

Cover Page

This is
some text

As can be seen, the "wiki-content" wraps around the whole content I want to display on a new page. There is even some content on the page, before I even get to change the page layout with my "landscape-page". I am still trying to figure out a functioning way to escape the wiki-content styling. Confluence is using flyingpdf to convert from the html page to pdf, but sadly it is almost impossible to make it run on its own, as that would ease testing quite a bit. I will make another post, once I've figured this out...

Tobias_jslo9k · Answer

The problem I was having was quite simple and can be best explained by a screenshot:

The brown area is the "@page landscape" rule that changes the size of the page. As expected, it applies to the whole page. The purple is the "wiki-content" class, that wraps around the whole content of a Confluence page. For testing, I've set its width to 50% in this example. The yellow box (see second screenshot) is the div with which I called named page. Again, its behavior is expected. It wraps around everything I want to put on a landscape page. The orange box is a div I tried to get to fill the whole page.

Here is a closer look at the top of my landscape page:

It is obvious that the "wiki-content" is limiting the width of the page. The width of the wiki-content gets set before I set new page dimensions and isn't getting updated when there is a page-break or a change in the page dimensions.

I tried to decouple the orange box from the parent box, but was not successful with it. When I manage to do what I want, I will post the solution here. I just hope that this bit of information is useful to some.