Style Tab Reference
Configure the appearance and behavior of elements.
The Style Tab is where you customize the properties of the currently selected element. The available options change depending on the type of element selected (Text, Image, Barcode, etc.).
Common Layout Properties
All elements share a basic set of layout controls:
- X / Y: The coordinates of the element in millimeters.
- Position Mode:
- Absolute: Fixed coordinates (X, Y) relative to the page origin.
- Relative: Automatically positions the element below the previous element in the Layer list. Useful for dynamic content that expands.
- Width / Height: The dimensions of the element in millimeters.
- 0 = Auto: Most elements will automatically expand to fit their content if set to 0.
Element-Specific Settings
Text Element
The Text element supports dynamic resizing and overflow handling.
- Auto-Sizing (Width/Height = 0):
- If Width and Height are 0, the text box will automatically expand horizontally and vertically to fit the content (unlimited).
- Fixed Dimensions:
- If you set a specific Width, text will wrap within that width.
- If you set a specific Height, you can control overflow behavior.
- Overflow:
- Visible: Content spilling out of the box remains visible.
- Clip: Content exceeding the dimensions is hidden.
Image Element
- Source: When you select an image, it is automatically copied to the
assetsfolder within your profile's workspace. - Fit: Controls how the image scales within its box (Contain, Cover, Fill).
Barcode Element
Generates standard 1D barcodes.
- Types: Supports CODE128, JAN (EAN), CODE39, NW-7, etc.
- JAN/EAN:
- Supports 13-digit or 8-digit codes.
- If you input a 12-digit number for JAN/EAN13, the engine automatically calculates and appends the Check Digit.
- CODE39:
Start/Stop Characters Not Included
The engine does not automatically add the standard start/stop characters (
*) to your data. Please ensure your input value includes them (e.g.,*123*) if your scanner requires them. - NW-7 (Codabar):
- Similar to CODE39, you must include the start/stop characters (A, B, C, or D) in your input data (e.g.,
A12345678A).
- Similar to CODE39, you must include the start/stop characters (A, B, C, or D) in your input data (e.g.,
- CODE128:
- Automatically switches between Subsets A, B, and C to optimize barcode length. You do not need to manually specify the subset.
QR Code Element
Generates 2D QR codes.
- Quiet Zone:
- By default, a standard 4-module margin is applied.
- Uncheck Use Quiet Zone to set the margin to zero (full bleed).
Static Table
A table with a fixed number of rows and columns, editable manually.
- Columns: Define the number of columns and their headers.
- Rows: Add or remove rows manually.
- Content Types: Cells can contain Text, Barcode, or QR Code.
- Minimum Rows:
- Ensures the table always displays at least N rows.
- If the manual data is fewer than N, empty placeholder rows are added to fill the space.
Group Table (Transaction Data)
A dynamic table that iterates over transaction data associated with a Group Key.
- Group Key: Defines which transaction records are grouped together for this table.
- Content Types: Supports Text, Barcode, and QR Code in cells.
- Minimum Rows:
- Ensures the table always displays at least N rows, adding empty lines if the transaction data is fewer than N.
- Useful for maintaining a consistent layout height even with variable data.
- Pagination:
- If the number of rows exceeds the page height (defined by margins), the table automatically breaks and continues on the next page.
- Totals & Footers:
- The Group Table does not have a built-in footer row for totals.
- Solution: Create a separate Text or Static Table element for your totals and place it below the Group Table in the Layers list. Set its Position Mode to Relative.
- Gap Control: When in Relative mode, the Y property allows you to set the vertical spacing (in mm) between the bottom of the Group Table and the top of this footer element.