Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

How to export PDF in 2 column layout?

Fabricio Mabillot
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 9, 2022

If anyone has any ideas


In advance, thank you.
I'm trying to export my Confluence pages as PDF through Export Space.
I tried adding CSS codes like:


column-count: 2;
column-gap: 20px;
column-rule: 1px dotted rgb(185, 185, 185);

I entered them as:

@page, .view , .content , .body, .wiki-content, .contentLayout2


none of them worked!!
I created a code that helps a lot to create a complete layout, I'll leave it below to help others.

I realized that there are many problems related to this.

Thank anyway.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

@page {

/*Distancia Borda da pagina até BORDER*/
margin-top: 2.5cm; margin-bottom: 2.5cm;
margin-left: 1.27cm; margin-right: 1.27cm;
/*Distancia BORDER até Body*/
padding: 0;
/*Em volta do BODY + Padding -- none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset*/
border: 2px dotted #000000;

/*PARA MARCA D'AGUA*/
background-color: #e9e9e;
background-image: url('download/attachments/99999999/Logo_semi_Transparente.png')!important;
background-repeat: no-repeat;
background-position: center;

@Top-left {
content: "Top-Left"; text-align: left;
background-color: blue;
border: 15px double red;
}
@bottom-left {
content: "Bottom-Left"; text-align: left;
background-color: blue;
}
@Top-right {
content: "Top-Right"; text-align: right;

background-image: url('/download/attachments/99999999/Logo_.png.png');
height: 35px; width: 117px; border: 0;
background-repeat: no-repeat;
background-size: 117px 35px;
background-position: top;
}
@bottom-right {
content: "Bottom-Right"; text-align: right;
background-color: green;
}
@Top-center {
content: "Top-center"; text-align: center;
background-color: yellow ;
border: 10px groove #32a1ce;

font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff000;
}
@bottom-center {
content: "Bottom-center"; text-align: center;
background-color: yellow ;
}
}

body {
margin: 0; padding: 0;

font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
text-align: center; /*altera parcial-só o editado a esquerda*/
line-height: 1.5;

/*PARA MARCA D'AGUA*/
color:rgba(ff,ff,ff,0.1);
background-color: transparent!important;

}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

0 answers

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD Trial
TAGS
AUG Leaders

Atlassian Community Events