Skip to main content
Version: 8.3 Beta ๐Ÿšง

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 CodeSymbol
ESCAPE_FNC_1รฑ
ESCAPE_FNC_2รฒ
ESCAPE_FNC_3รณ
ESCAPE_FNC_4รด

Propertiesโ€‹

PropertyDescriptionProperty TypeScriptingCategory
Background ColorThe 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.backgroundAppearance
Barcode BackgroundThe 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.barcodeBackgroundAppearance
Barcode FormatThe barcode format to display.int.barcodeTypeData
Barcode HeightThe height of the barcode.int.barcodeHeightAppearance
BorderThe 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.
Border.borderCommon
Check DigitInclude Check Digit?boolean.checkDigitData
CodeThe code string that is converted into a barcode to display.String.codeData
FontFont of text on this component.Font.fontAppearance
Foreground ColorThe 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.foregroundAppearance
Mouseover TextThe text that is displayed in the tooltip which pops up on mouseover of this component.String.toolTipTextCommon
NameThe name of this component.String.nameCommon
Narrowest Bar WidthThe width (in pixels) of the narrowest bar.int.narrowestBarWidthAppearance
QualityThe data quality code for any Tag bindings on this component.QualityCode.qualityData
RotationThe angle of rotation in degrees.int.angleDegreesAppearance
QRCode Error Correction LevelIf you're creating a QR code, the QR code error correction level to use.int.qrEcLevelData
QRCode VersionIf you're creating a QR code, the QR code version to use.int.qrCodeVersionData
Show Text?If true, the code is displayed in human-readable text beneath the barcode.boolean.showTextAppearance
VisibleIf disabled, the component will be hidden.boolean.visibleCommon

Deprecated Propertiesโ€‹

PropertyDescriptionProperty TypeScriptingCategory
Data QualityThe data quality code for any Tag bindings on this component.int.dataQualityDeprecated

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 NameValue
Code123456789
Barcode FormatExtended Code 39 (narrow)
Show Text?True