Barcode¶
Transforms text and data into scannable barcodes for automated data entry, inventory tracking, and identification purposes.
Image components · element type barcode · binds through text templates
Examples¶
A product code from your data
{$data.productCode}Options¶
Configure the barcode component with these options:
| Option | Default | Description |
|---|---|---|
| Format | CODE128 | Barcode symbology — CODE128, Code39, EAN13 and others |
| Text | Empty | The value to encode. Supports text templates, e.g. {$data.productCode} |
| Show Text | On | Prints the encoded value as readable text below the bars |
| Background color | White | Background of the barcode area |
| Line color | Black | Colour of the bars |
| Margin | 0px |
Space around the barcode |
| Text Align | Center | Alignment of the readable text: Left, Center, or Right |
| Text Margin | Not set | Space between the bars and the readable text |
| Font Size | Not set | Size of the readable text |
| Rotation | None | Rotates the barcode: None, 90° Clockwise, 90° Counter Clockwise, or 180° |
Notes¶
- Choose barcode formats compatible with your scanning equipment
- Ensure adequate contrast between line color and background for reliable scanning
- Test barcode readability at the intended print size
Accessibility¶
Barcodes are described automatically from their value and symbology, so a screen reader announces what the code encodes — the reader's equivalent of scanning it. There is nothing to configure.