Design Editor
Labels reference: design editor.
The Design Editor opens full screen. The X at the upper left saves and closes it, with the message Label updated successfully. Changes save automatically. Undo and Redo are at the upper right.
Right-hand panel
| Field | Req. | Values | Default |
|---|---|---|---|
| Label Name | No | Text shown in the editor. It does not rename the template. | Untitled Label |
| Width | Yes | Number, with a unit drop-down. | 6.00 in |
| Height | Yes | Number, with a unit drop-down. | 4.00 in |
| DPI | Yes | Number. | 96 |
| Show grid | No | Switch. | On |
| Alignment guides | No | Switch. | On |
Below these is the element list. Each entry shows the element's name and type, its position and its size, with a trash icon to remove it. An empty canvas shows No elements added yet. Right-click on the canvas to add elements.
Adding and selecting elements
Right-click the canvas to open the add menu.
| Menu item | Element |
|---|---|
| Add Text | A text block. Shows Added text element. |
| Add Image | An image. In the Field Editor it takes an uploaded picture. |
| Add Shape | A shape. |
| Add Barcode | A barcode. |
| Add GS1 AI Display | Lines of AI values in human-readable form, such as (01) followed by the GTIN. |
| Add Voice Pick Code | A voice-pick code block. |
| Add Grid | A grid. |
Click an element to select it. The panel then shows <- Back, Name, Rotation (degrees) and the element's own settings.
Text element
| Setting | Tab | Description |
|---|---|---|
| GS1 Primary → GS1 Application Identifier | Content | Choose an AI. Examples: 00 - SSCC, 01 - GTIN, 10 - BATCH/LOT, 11 - PROD DATE, 15 - BEST BEFORE or BEST BY, 17 - USE BY or EXPIRY, 21 - SERIAL, 3202 - NET WEIGHT (lb). |
| GS1 Primary → GS1 Value Input | Content | A value entered ahead of time. |
| KDE Fallback → KDE | Content | Product Name, Product Description, PLU, UPC, GTIN, Unit of Measurement, Unit Quantity, Unit Descriptor, External Identifier, Product URN, plus any custom attributes defined on your Trade Items. |
| Manual Fallback → Content | Content | Fixed text. Default New Text. |
| Auto Height | Properties | Switch. |
| Font Size (px) | Properties | Number. |
| Text Color | Properties | Color. |
| Bold | Properties | Switch. |
| Text Alignment | Properties | Left, center or right. |
| Font Family | Properties | Default Open Sans. |
| Z-Index | Properties | Stacking order. |
A toolbar above a selected text element offers font size, color, bold, alignment and auto height.
Warnings: No GS1 Value Input appears when an AI is chosen without a value. Selected KDE has no value on this product appears when the chosen KDE is empty on the Trade Item in the preview.
Barcode element
| Setting | Tab | Values | Default |
|---|---|---|---|
| Barcode Mode | Properties | Collector: the barcode encodes the AIs listed on Encoded Barcode Items. Custom: the barcode encodes fixed Content you enter. | Collector |
| Barcode Type | Properties | Code128, QR, DataMatrix | Code128 |
| Barcode Scanner Type | Properties | Unattended Fixed-Position Scanner, Attended Handheld Scanner | Unattended Fixed-Position Scanner |
| Display Value | Properties | Switch. Shows the human-readable AI line under the barcode. | On |
| Z-Index | Properties | Stacking order. | 0 |
| Content | Content | Available in Custom mode only. | Empty |
Encoded Barcode Items is available in Collector mode only. Each item is one AI encoded in the barcode, with its own GS1 Application Identifier, GS1 Value Input, KDE Fallback and Manual Fallback. The empty list reads No collector inputs yet. Add entries here to encode extra AIs in the barcode without rendering anything. Add barcode input adds an item. A new item is not saved until you select a GS1 Application Identifier (required).
Locks in the Design Editor
Each setting has a lock icon. The tooltip reads Unlock field when the setting is locked and Lock field when it is unlocked.