---
title: "Vision - Barcode"
description: "The barcode component displays some text as a barcode."
---

# Vision - Barcode

> The barcode component displays some text as a barcode.

![](barCode0.png)

**Component Palette Icon**

![](BarCode1.png)

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](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| 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](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| 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. 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](appendix/reference-pages/color-selector-reference/color-selector-reference.mdx). 	| 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](ignition-modules/vision/scripting-in-vision/component-events/component-events.md) page

## Customizers
This component does not have any custom properties

## Examples

![](BarCode2.png)

|Property Name|Value|
|:---|:---|
|Code|123456789|
|Barcode Format|Extended Code 39 (narrow)|
|Show Text?|True|