Skip to main content
Version: 8.1

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.

Changed in 8.1.21
As of 8.1.21, the "Button Border" and "Other Border" options are removed.
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