support for css grid

Arnd Layer August 1, 2019

I want to produce a PDF with letter layout from a Confluence page.

Per Corporate Design guidelines, the layout of the first page is exactly defined, including a page header, right sidebar, flexible height address section and footer.

I havent found a way to create a Scroll PDF template where the fist page has a different layout but the page content flows from this first page to the following pages where the layout is different.

I am able to produce a CSS grid based user macro that formats the page exactly as I need it for the letter layout. But when I export the page using Scroll PDF, items in the grid appeaar below each other instead of layed out across the page.

You can test this using this within the HTML macro:

<div class="" style="display:grid;grid-template-columns:auto auto auto">
<div class="">1</div>
<div class="">2</div>
<div class="">3</div>
<div class="">4</div>
<div class="">5</div>
</div>

On the Confluence page, "1", "2" and "3" appear in the first line and "4", "5" appear in the second line.

In the exported PDF, each number is on it's own line.

1 answer

0 votes
Zak Pearson July 2, 2021

@Arnd Layer I now this was a couple years ago, but did you ever find an answer to this? or a workaround? I seem to be experiencing the same issue you were seeing.

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events