Page Beam - Mail Layout Settings
Mail Page for Confluence is now “Page Beam”.
- 1 Mail Layout
- 1.1 Mail attachment images
- 1.1.1 Convert images
- 1.1.2 Resize images
- 1.2 Custom Mail layout
- 1.2.1 Mail header text
- 1.2.2 Show button in all mails
- 1.2.3 Button label
- 1.2.4 Custom CSS Code
- 1.1 Mail attachment images
Mail Layout
Navigate to Confluence Administration → click on the “Page Beam” menu link on the left side under the “Apps” section and click on the third tab “Mail Layout”.
Mail attachment images
Convert images
Not all mail clients can display SVG images in mails. Gmail, for example, does not support displaying SVG images. This results in Confluence pages with SVG images being displayed incompletely in Gmail.
Page Beam now automatically converts all SVG images to PNG images when sending them as mail.
Resize images
Images that are included as attachments on a Confluence page are automatically scaled down by Page Beam when they are sent in an email. This allows the display in the mail to better match the display on the Confluence page. In addition, the mail is sent faster and the mails have a smaller size.
In addition, a maximum image width can be configured for all images in the mail, so that images without an explicit width setting on the Confluence page are not displayed too wide in the mail.
Custom Mail layout
Mail header text
The initial sentence in the mail can be changed with placeholders for the sender's name ($NAME) and the name of Atlassian Cloud instance ($INSTANCE).
If text passages are enclosed with the HTML tag <b> </b>, they are displayed in bold in the email. All other HTML tags are filtered out for security reasons.
If the input field is completely cleared, the default setting appears and is then used.
Show button in all mails
By default, the button at the end of the mail is only displayed if an excerpt of a Confluence page is sent, in order to then access the full content with the linked button.
With this option checked, the button can be displayed in every mail sent by Page Beam.
Button label
This input field can be used to customize the label of the button at the end of the mail. By default, it is labeled “View content”.
This is used in particular to internationalize the mail content.
Custom CSS Code
Customize your mail layout with custom CSS.
For example to remove the complete preamble text of each mail from Page Beam, type in following line in the textarea:
#mail-header { display: none; }
Or change the color of the “View content” button to your corporate identity color:
#view-button {
background-color: #eab676;
}
You can use the Google colorpicker to generate the color hex code: https://www.google.com/search?q=colorpicker
If you want to customize specific html elements on your Confluence page when sending as mail, view the source code on the Confluence page:
And search in the source code for specific classes, that you want to customize. For example hide the border of the embedded images on the Confluence page shown in the mail:
img.confluence-embedded-image {
border-style: none;
}