Barcode Scanner

The Barcode Scanner component can be used to decode scanned barcodes.

Overview

The Barcode Scanner component operates only on mobile devices using the Salesforce mobile app.

The Barcode Scanner Component allows users to scan and read barcodes using their cameras. It is often used in retail, logistics, and other applications where it is necessary to quickly and accurately capture and transmit information about a product or item.

The Barcode Scanner Component may be displayed as a static image or button that the user can tap to initiate a scan, or it may be integrated into the device's camera app. The scanned data may be displayed to the user or automatically processed and used to perform some action, such as adding an item to a cart or looking up more information about a product.

The Barcode Scanner component can read the following barcode formats, including QR Codes.

• EAN-13

• EAN-8

• UPC-A

• UPC-E

• Code-39

• Code-93

• Code-128

• QR-Code

• Data Matrix

• PDF-417

• AZTEC

Overall, the Barcode Scanner Component is valuable for allowing users to quickly and easily scan physical barcodes and retrieve their information.

Changing the properties

Continuous Scanning

If true, multiple barcodes can be scanned until the user selects the cancel button or exits the scanner.

Open Onload

Specifies whether the scanner opens automatically when the component loads.

Camera Facing

Specifies whether the front- or rear-facing camera is used.

Adding Interactions

Interactions define what will happen when users interact with the Barcode scanner component. You can find a list of interactions available here.

Here are the available interactions for the Barcode Scanner component:

• On Successful Scan: The event is fired when the user successfully scans a barcode.

Styling the Barcode Scanner

From the Styles panel, you can customize styling for the Barcode Scanner component: Margin and Button.

You can find the instructions for styling here.

Examples

Specifications

Attributes

Name	Type	Description
Barcode Types	String	Specifiy the type of barcodes to scan.
Instruction Text	String	Display instruction in the scanning interface.
Success Text	String	Text to be displayed when a barcode is successfully scanned.
Continuous Scanning	Boolean	If true, multiple barcodes can be scanned until the user selects the cancel button or exits the scanner.
Open Onload	Boolean	Specifies whether the scanner opens automatically when the component loads.
Show Success Check Mark	Boolean	Indicates whether or not a check mark is displayed upon a successful scan.
Scanner Size	String	Modifies the size of the scanner camera view. The available options represent a percentage of the user’s device screen size.
Camera Facing	String	Specifies whether the front- or rear-facing camera is used.
Present With Animation	Boolean	Determines whether the scanner animates in and out when presented and dismissed.
Label	String	The text to be displayed inside the button.
Variant	String	Change the appareance of the button.
Icon Name	String	Icon name to be displayed inside the button.
Icon Position	String	Position of the icon.
Type	String	Specifies the type of button.