Yes this is still an issue, however the workaround above works - even if it indents the page heading a bit.

Hi everyone,

Thank you for previously raising this bug and bringing it to our attention.

This should be fixed with the recent changes we've made. If you feel like this bug is still impacting your team please let us know.

Thank you again for providing valuable feedback!

+1 vote to this issue! Very frustrating that such a simple thing has been left uncorrected for so long.

Lissa Meade,

Thank you for this workaround, and for hopefully saving some time to get this issue resolved by Atlassian!

Darryl

Greeting! I have just run into this issue and have been able to define what is happening to me, and the workaround I have developed. It looks like the ticket itself is out of date. I went ahead and rewrote it. I hope this helps everyone!

Summary

When both a Multi-Column Page Layout and a Single Column Page Layout is in use on a page, exporting the page to PDF cuts off the left-hand side of the content in the Single Column Page Layout.

Environment

• Confluence Cloud

Steps to Reproduce

1. Create a new Confluence page.
2. Add text into the page
3. Select the Page Layout Icon, which adds a new Multi-Column Layout section to the page
4. Add text into the cells of the new multi-layout section.
5. Publish the page.
6. Click . . . > Export to PDF

Expected Results

• The PDF file generated is normal and all text is legible. 
  • https://drive.google.com/drive/folders/1T81ccxgsbwixt70OrzZNvEcsFrQF4zd1?usp=sharing

Actual Results

• The PDF file generated is truncated on the left.
  • https://drive.google.com/drive/folders/1npIwgQkYs8iRtoBYr0oOb8YkAbINMEks?usp=sharing
• Bonus: If tables are in use, the right border of the table is cut off.

Issue Identification / Cause

Compare the "View Source" screens of a page with no added multi-column layouts vs a page that has both single and multi-column layouts in use.

The page using only a single column page layout shows that the copy is 100% wide, with no visible container.

The page using both a single column layout and a multi-column layouts in use shows that the different layout sections are encompassed by visible containers, and the width of the two layout containers are not both 100% wide; instead, the Single-Column Page Layout has a max width of 700px. 

https://drive.google.com/drive/folders/1JFgS30uBXVV-YhHqmVs47psLzOIFPcJL?usp=sharing

Although the single column page layout is shown as centered on the View Source screen, the default stylesheet for the exported PDF produces the single column layout as right aligned. The width of the container is fixed to be wider than can fit within the parameters of the PDF. The result is that the overflow does not appear on the PDF.

Workaround

Add the following to either the Space or System Default PDF Export Stylesheet:

div.wiki-content {  width: 150mm !important;  align-self: center !important;  margin: 18px !important;  }  

One of the workarounds doesn't work.

"Use another page layout instead, such as Full Width, or two or 3 columns."

We use macros with two columns and get the same problem JST-541329

Please, fix this bug, because we can't deliver documents for our customers.

Currently we are experiencing this issue with text that is not put inside a lay-out. This is especially irksome since the current version of Confluence Cloud does not have the option of single column lay-outs. 

All text inside lay-outs is show properly in a PDF export, but this leaves us without an option to have full lines of text displayed in a PDF properly.

I experience this issue using Full Width page layout, contrary to the workaround directions.  The UI for switching between fixed width and full width have changed at this point. 

Thanks @sostopchuck, this sorted it for me too, and doesn't break full-width exports either.

If you want all pages to have a shorter column width in the PDF (more readable), I've used:

@page {
 size: 210mm 297mm; /* A4, change for US letter */
 margin: 18mm 20mm;
}
div.wiki-content {
 width: 150mm !important;
 align-self: center !important;
 margin: 20px 30mm 20px 20px !important;
 line-height: 1.4 !important
}

(this can probably be adapted to use classes and keep full-width content at full width if needed)

If it's of help to anyone, the below PDF Stylesheet CSS is fixing the issue for me:

(Space settings -> Look and Feel -> PDF Stylesheet)

@page

div.wiki-content