Vision - Barcode
Component Palette Icon
The barcode component displays some text as a barcode. The supported formats are:
- Code 128
- Code 39
- Extended Code 39
- Codabar
- Interleaved Code 25
- MSI
- EAN-13
- EAN-8
- Aztec
- Data Matrix
- PDF-417
- QR Code
- UPC-A
If you need to create a GSI-128 barcode, you can use the Code128 symbology. Use the following special characters to represent the four GSI function codes:
| Function Code | Symbol |
|---|---|
| ESCAPE_FNC_1 | ñ |
| ESCAPE_FNC_2 | ò |
| ESCAPE_FNC_3 | ó |
| ESCAPE_FNC_4 | ô |
Properties​
| Property | Description | Property Type | Scripting | Category |
|---|---|---|---|---|
| Background Color | The background color of the component. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | Color | .background | Appearance |
| Barcode Background | The background color of the actual barcode. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | Color | .barcodeBackground | Appearance |
| Barcode Format | The barcode format to display. | int | .barcodeType | Data |
| Barcode Height | The height of the barcode. | int | .barcodeHeight | Appearance |
| Border | The border surrounding this component. Options are No border, Etched (Lowered), Etched (Raised), Bevel (Lowered), Bevel (Raised), Bevel (Double), and Field Border. Note: The border is unaffected by rotation. Changed in 8.1.21 As of 8.1.21, the "Button Border" and "Other Border" options are removed. | Border | .border | Common |
| Check Digit | Include Check Digit? | boolean | .checkDigit | Data |
| Code | The code string that is converted into a barcode to display. | String | .code | Data |
| Font | Font of text on this component. | Font | .font | Appearance |
| Foreground Color | The foreground color of the component. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | Color | .foreground | Appearance |
| Mouseover Text | The text that is displayed in the tooltip which pops up on mouseover of this component. | String | .toolTipText | Common |
| Name | The name of this component. | String | .name | Common |
| Narrowest Bar Width | The width (in pixels) of the narrowest bar. | int | .narrowestBarWidth | Appearance |
| Quality | The data quality code for any Tag bindings on this component. | QualityCode | .quality | Data |
| Rotation | The angle of rotation in degrees. | int | .angleDegrees | Appearance |
| QRCode Error Correction Level | If you're creating a QR code, the QR code error correction level to use. | int | .qrEcLevel | Data |
| QRCode Version | If you're creating a QR code, the QR code version to use. | int | .qrCodeVersion | Data |
| Show Text? | If true, the code is displayed in human-readable text beneath the barcode. | boolean | .showText | Appearance |
| Visible | If disabled, the component will be hidden. | boolean | .visible | Common |
Deprecated Properties​
| Property | Description | Property Type | Scripting | Category |
|---|---|---|---|---|
| Data Quality | The data quality code for any Tag bindings on this component. | int | .dataQuality | Deprecated |
Scripting​
Component Functions​
This component does not have component functions associated with it.
Extension Functions​
This component does not have extension functions associated with it.
Event Handlers​
Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the Component Events page
Customizers​
This component does not have any custom properties
Examples​
| Property Name | Value |
|---|---|
| Code | 123456789 |
| Barcode Format | Extended Code 39 (narrow) |
| Show Text? | True |