2D Scanner
The 2D Scanner is an 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. |
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 | Lock | Boolean | OFF | lock | boolean | false | When ON, the component stays fixed even when the screen is scrolled. When OFF, the component moves along with the screen scroll. Added in v4.1.0. |
| 7 | Color | String Color Picker | color | string | Color setting of the component | ||
| 8 | Disabled | Boolean | OFF | disabled | boolean | false | Disabled state of the component |
| 9 | Visibility | Boolean | ON | visibility | boolean | true | Visibility state of the component |
| 10 | Tooltip | String | tooltip | string | Tooltip text displayed on hover | ||
| 11 | Click Event | Selection 1. None 2. URL 3. Action 4. Detached Action | Click behavior Detached Action became selectable in v4.1.0. | ||||
| 12 | Detached Action | Selection 1. [Detached Action ID] | detachedAction | string | Set a detached action Added in v4.1.0. | ||
| 13 | Value | value | string | The [value] property cannot be set by action. |
Event
| Event name | Description |
|---|---|
| onclick | Clicking activates the camera to scan the 2D code. Scanning a 2D code with the camera triggers the event. |