QR Code¶
Generates a scannable QR code from text, which can come from your data.
Image components · element type qr-code · binds through text templates
Related: Bar Code · Image · Link
Examples¶
// A fixed address
https://example.com/verify
// A per-record address
https://portal.example.com/invoice/{$data.invoiceId}Options¶
Configure the component with these options:
| Option | Default | Description |
|---|---|---|
| Text | Empty | The content to encode. Supports text templates, so the code can differ per report or per row |
| Image URL | Empty | Optional logo placed in the centre of the code. Use Browse to pick a file from file management |
| Background color | White | Background of the code |
| Color | Black | Colour of the code pattern |
Notes¶
- Prefer a workspace file for the centre logo. External images need cross-origin access and are skipped when unavailable — the code still renders without the logo
- Keep high contrast between Background color and Color, or scanners will struggle
- Keep the encoded text short. Long payloads produce a denser code that is harder to scan at small sizes
- Test with a real phone at the printed size, not on screen