Sections

Sections are the building blocks of your template. Every piece of content in your document — text, images, tables — lives inside a section.

How sections work

A section is a full-width horizontal area that spans from the left margin to the right margin of your page. You stack multiple sections vertically to build your document from top to bottom.

When you create a new template, it starts empty. You add sections one by one, and each new section appears below the previous one. Inside each section, you place elements like text, images, or tables.

For example, a typical invoice might use four sections:

• One for the company logo and invoice number
• One for the billing and shipping addresses
• One for the line items table
• One for the totals and payment terms

Adding and reordering sections

Click + New Section in the left panel to add a section. It will appear at the bottom of your template.

To change the order, drag sections up or down in the Layers panel on the left. The order in the Layers panel matches the order on the page — top of the list is top of the document.

You can rename a section by double-clicking its name in the Layers panel. Giving clear names like “Header”, “Address Block”, or “Line Items” makes it much easier to work with your template as it grows.

Placing elements inside a section

To add an element to a section:

1. Select the section in the Layers panel
2. Click + New Element and choose what you want to add (text, image, table, etc.)
3. The element appears inside the selected section
4. Drag it to position it where you want

Elements are positioned freely within their section using coordinates. You can also set the exact position in the right panel.

Section height

You can set the height of a section by dragging its bottom edge or by entering a value in the right panel.

During PDF generation, the height will adjust automatically if the content inside the section needs more space. This is especially useful for sections with tables — if your data has 3 rows or 30 rows, the section will grow to fit.

Page margins vs. section borders

These two features serve different purposes:

Page margins (set in the Page properties on the right panel) define the safe area where content can appear. They push all sections inward from the edges of the page. If you set 8mm margins on all sides, no section will touch the page edges.

Section borders are visual lines drawn around a single section. Use them to create visual separation between sections or to highlight a specific area of your document. You can set the border width, style, color, and radius in the right panel.

You can combine both: page margins keep your entire layout away from the page edges, while section borders visually frame individual sections within that layout.

Background color

Each section can have its own background color. This is useful for creating visual contrast between sections — for example, a light gray background for an address block or a subtle yellow for a notice section.

Set the background color and opacity in the right panel under Fill.

Spacing between sections

Use Margin Top on a section to add vertical space between it and the section above. This creates clean separation between sections without relying on empty space inside sections.

Sections and page breaks

In Infinite mode, when your document is too long for a single page, the PDF engine splits it across multiple pages automatically. Sections play an important role here:

• Content inside a section stays together as much as possible. The engine avoids splitting a section in the middle when it can.
• If a section is taller than the page itself (e.g. a very long table), it will break across pages.
• An expanding table must be the only element in its section for page breaks to work correctly.

Sections vs. Header & Footer

Sections appear once in your document, in the order you defined. Headers and footers are different — they repeat on every page of the generated PDF.

Use Header & Footer for content like page numbers, your company logo, or a document title that should appear on every page.

Next steps

• Components — Learn about the elements you can place inside sections
• Tables — Build dynamic line items that grow with your data
• Styling — Customize the look of sections and elements