Barcode Scanner

Description:

Barcode Scanner

Barcode Scanner is a component which uses webcam to scan the items and store the value of that in the view attribute. It can read different type of barcode types eg: Code128, Code 39, UPC etc..

Allowed Parent Components:

1. Card Body

2. Col

Allowed Child Components:

1. Popover

2. Pulse

3. Trigger Before Render

4. Trigger On Scan

Properties

➤ View Attribute

Allowed Values: Attribute

➤ Barcode Type

Select the type of barcode. Data will be retrieved from the scanned barcode based on the selected type.

Allowed Values:

1. code_128_reader

2. code_39_reader

3. code_39_vin_reader

4. ean_reader

5. ean_extended_reader

6. ean_8_reader

7. upc_reader

8. upc_e_reader

9. codabar_reader

10. i2of5_reader

11. 2of5_reader

12. code_93_reader

➤ Start Button Label

Change label for the start button.

Allowed Values: Free text field

➤ Stop Button Label

Change label for the stop button.

Allowed Values: Free text field

➤ Margin

Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Allowed Values: Any number value

➤ Margin Bottom

Select a value to add margin on the bottom of the component.

Allowed Values: Any number value

➤ Margin Left

Select a value to add margin on the left of the component.

Allowed Values: Any number value

➤ Margin Right

Select a value to add margin on the right of the component.

Allowed Values: Any number value

➤ Margin Top

Select a value to add margin on the top of the component.

Allowed Values: Any number value

➤ Padding

Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Allowed Values: Any number value

➤ Padding Bottom

Select a value to add padding in the bottom of the component.

Allowed Values: Any number value

➤ Padding Left

Select a value to add padding in the left of the component.

Allowed Values: Any number value

➤ Padding Right

Select a value to add padding in right of the component.

Allowed Values: Any number value

➤ Padding Top

Select a value to add padding in top of the component.

Allowed Values: Any number value