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 Event	2D Scanner click behavior
None	Does 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.

Note

The 2D Scanner is a component for mobile applications only. It cannot be selected for desktop applications.

Properties

No	Item	Input Value	Default Value	Action Property	Type	Action Default Value	Description
1	ID	String	Auto-generated	id	string	Auto-generated	The [id] property cannot be set by action.
2	Width	Number	40	width	number	40	Width of the component
3	Height	Number	40	height	number	40	Height of the component
4	X	Number		x	number		X coordinate position
5	Y	Number		y	number		Y coordinate position
6	Color	String Color Picker		color	string		Color setting of the component
7	Disabled	Boolean	OFF	disabled	boolean	false	Disabled state of the component
8	Visibility	Boolean	ON	visibility	boolean	true	Visibility state of the component
9	Tooltip	String		tooltip	string		Tooltip text displayed on hover
10	Click Event	Selection 1. None 2. URL 3. Action					Click behavior
11	Value			value	string		The [value] property cannot be set by action.

Event

Event name	Description
onclick	Clicking on the 2D Code activates the camera to scan the 2D Code. Scanning a 2D Code with the camera triggers the event.