QR code scanner
- Last UpdatedMar 03, 2026
- 4 minute read
The QRCode_Scanner widget uses a camera to scan QR codes and send the scanned information to the application. It helps reduce manual typing and makes data entry faster by capturing details directly from physical tags.
Insert QR Code Scanner
-
In the Industrial Graphic Editor, select Widgets from the Toolbox pane.
The available widgets are displayed.
-
Select the QRCode_Scanner widget, then drag and drop the widget onto the canvas.
Configure QR Code scanner properties
-
Select the QRCode_Scanner widget, and then open the Properties pane.
The Widgets Properties section displays all the configurable properties for the widget.
-
Select the property count, and then select ellipsis (…).
The Edit Widget Properties dialog appears.
-
Modify the required properties and select OK to save the changes.
QRCode Scanner widget properties
The following table provides the details for all the properties available for QR code scanner:
|
Property Name |
Description |
Default Value |
|
QRCode |
This property stores the string value returned from the scanned QR code. The default value is empty. |
Empty |
|
AutoStart |
If set to true, the camera automatically starts each time the widget loads and scans the first code |
True |
|
AutoStop |
If set to true, the camera automatically stops after scanning for a QR code. |
True |
|
StartStop |
If set to true, the camera will start. |
False |
|
BackgroundColor |
Sets the background color of the widget when scanning is not active. |
Black |
|
DefaultCamera |
If set to true, the front camera is selected as the default camera. If set to false, the back camera is selected as the default camera. |
False |
Create custom properties
Example to create a new property to contain the string of the QR code widget property.
-
Right-click on the canvas and select Custom Properties.
The Edit Custom Properties dialog appears.
-
Select the Add custom property icon (+). A new entry is added in the custom properties list.
-
Enter the Name of the property as QR.
-
In the Data Type drop down list, select String as data type for the property.
-
In the Default Value field, select the Static Text mode to store the string value.
-
Set Visibility option to Public.
-
In the Description field, provide a brief description for the property.
-
Select OK. The new property is created under Custom Properties section.
-
Open the Edit Widget Properties dialog.
-
Select the QRCode property and update the Default Value setting to Expression or Reference mode.
-
Provide a reference to the QR custom property created earlier.
-
Select OK.
-
Select Save and Close to save the changes in Industrial Graphic Editor.
For more information on how to configure custom property, refer Configure custom properties.
Add QR Code in WindowMaker and view in WindowViewer
Add the QR code scanner widget to the WindowMaker canvas and then preview the result in WindowViewer.
-
In the WindowMaker, from the Industrial Graphics pane, drag the Widget_QRCodeScanner onto the canvas to create a window.
-
Clear the Maintain aspect ratio checkbox to display the widget in full view.
-
Launch the WindowViewer to view the QR code scanner.
Usage
-
You can configure a script to read the QR code and display a graphic based on the scanned value.
-
In runtime, the QR Code Scanner widget appears with a floating toolbar with the following buttons - AutoStart, AutoStop and StartStop.
-
When the widget is loaded, the camera will start automatically if AutoStart is set to True. To leave the camera on, select AutoStop.
-
To manually start the camera, select StartStop and scan the QR Code.
-
The camera will stay on after you scan the QR code, allowing the user to scan additional QR codes. To stop the camera, select StartStop.
-
The floating toolbar will display the QRCode derived from the QR Code scanned by the camera.
-
The user can script an action based on the QRCode returned.
For more information, watch the video titled QR Code Scanner.