Skip to main content

Layers

A template is composed of multiple layers: body, background, header and footer.

Which layers have content is up to you, some templates may have all the layers empty except the body. To change which layer you are editing you can use the dropdown layer selector at the left side of the toolbar.

Body

Body is the main layer of the template and usually the one containing the largest amount of content.

The vertical space available for the body is equal to the vertical size of the document minus the space occupied, if any, by the header and footer of the template. Header and footer height can be configured in PDF settings > General. When the PDF is generated, if the content does not fit in the current page, a new page is created automatically to accommodate the content.

The horizontal space available for the body is equal to the horizontal size of the document minus the body lateral margins.

The Header and Footer layers in the editor are designed to occupy the top and bottom sections of every page in your document. Because these layers repeat on each page, they ensure consistency throughout the entire PDF.

In these layers, you have access to the same dynamic data available in other parts of the template, as well as specific page metadata—such as page count and current page number.

  • {{meta.page}}: Displays the current page number.
  • {{meta.totalPages}}: Displays the total number of pages.

For example, in a text element you can display page numbers like so:

Page {{meta.page}} of {{meta.totalPages}}

Background

Like the header and footer layers, the background layer repeats on each page and has access to page metadata:

  • {{meta.page}}: Displays the current page number.
  • {{meta.totalPages}}: Displays the total number of pages.

For example, in a text element you can display page numbers like so:

Page {{meta.page}} of {{meta.totalPages}}
warning

The background layer is rendered beneath the header, footer, and body layers. This means any content in those layers will cover the background. It is best used for decorative elements like background colors, images, or watermarks rather than critical information.