Skip to content

2D Scanner

The 2D Scanner is a mobile-only, icon button-type component that activates the camera and scans a 2D code to perform an action. The behavior changes as follows depending on the click event settings.

Click Event2D Scanner click behavior
NoneDoes nothing.
URL- The camera is activated to read the 2D code. (To cancel, click the X in the upper left corner of the camera.)
- The two-dimensional code is read with the camera.
- When the 2D code is recognized, a link surrounded by a white frame is displayed at the bottom.
- Tap the link to go to the site of the 2D code.
Action- The camera is activated to read the 2D code. (To cancel, click the X in the upper left corner of the camera.)
- Read the 2D Code with a camera.
- Action is performed. In the action, $ui.2dcode_id.value can be used to obtain the value of the 2D Code that was read.

Properties

UI Dialog

ItemInput valueOptionDefault value
IDstringautomatic
Widthnumber40
Heightnumber40
Xnumber
Ynumber
Colorstring
color picker
Disabledboolean- on
- off
off
Visibilityboolean- on
- off
on
Tooltipstring
Click Eventselect- NONE
- URL
- ACTION
NONE

Action

ItemPropertiesData TypeOptionsDefault value
IDidstringautomatic
Widthwidthnumber40
Heightheightnumber40
Xxnumber
Yynumber
Colorcolorstring
Disableddisabledboolean- true
- false
false
Visibilityvisibilityboolean- true
- false
true
Tooltiptooltipstring
Valuevaluestring

Event

Event nameDescription
onclickClicking on the 2D Code activates the camera to scan the 2D Code. Scanning a 2D Code with the camera triggers the event.