Skip to main content

Introduction

Building blocks are the components you use to design your PDF template. You can drag and drop them from the toolbar onto the canvas, where they automatically position themselves relative to one another.

The following building blocks are available:

  • Text icon Rich text — Insert and format text content with full rich text editing capabilities.
  • Table icon Table — Display structured tabular data with support for repeatable rows. Also useful as a layout tool to arrange content in columns and rows.
  • Image icon Image — Add images from an uploaded file or from dynamic data.
  • QR Code icon QR Code — Embed scannable QR codes.
  • Barcode icon Barcode — Embed barcodes.
  • SVG icon SVG — Embed SVG graphics from static markup or dynamic data.
  • Page Break icon Page break — Force the content after it to start on a new page.

Most building blocks support dynamic data, allowing you to create reusable templates that generate different PDFs based on the data provided.

Conditional visibility​

Every building block has a Visible when property in its properties panel. This property accepts an expression that is evaluated when the PDF is generated. If the expression evaluates to a truthy value, the element is included in the PDF. If it evaluates to a falsy value, the element is hidden.

If the field is left empty, the element is always visible.

Examples​

Show an element only when a field equals a specific value:

data.status == "paid"

Combine conditions:

data.amount > 100 && data.status != "draft"

Reference a boolean field directly:

data.showTerms

The Visible when field supports the same expression syntax used elsewhere in the editor — including comparison operators, logical operators, and functions. See Expressions and formatters for the full reference.