Adding Dynamic QR Codes to a Dashboard
- Updated2025-12-18
- 3 minute(s) read
Create dashboards that generate quick-response (QR) codes for various systems or assets.
These dashboards allow users to select a system or asset to display a QR code. This action also displays other available information about the chosen system or asset.
The following QR code generation methods are available.
- Display QR codes that users can select from a drop-down menu.
- Create interactive tables for users to select a scan code that update the QR code visualization.
- Generate QR codes for multiple systems or assets simultaneously.
- In SystemLink, navigate to .
- Click New to create a new dashboard.
-
On the Dashboard page, click
Dashboard Settings (
).
-
Create a QR query variable for your systems or assets.
- Navigate to the Variables tab and click Add variable.
- Set the Select variable type to Query.
- Name the variable.
- In the Data source drop-down, select SystemLink Systems or SystemLink Assets.
- Set the Return type to Scan code.
- Enable Multi-value to allow multiple selections.
- Click Apply to save the variable.
- Click Save dashboard.
-
Add the QR query variable to the dashboard.
- On the Dashboard page, click .
- Click Change visualization and select QR code visualization from the drop-down.
- In the right panel, select Repeat options.
- Select your QR query variable.
-
In the Value field,
enter $ and the name of
your QR query variable.
Note For example, if you named your variable systemsScanCode, enter the Value as $systemsScanCode.
- Click Apply.
- Optional:
Create a table visualization for your systems or assets.
Note If you only want drop-down selector for your QR code, you can skip this step.
- On the Dashboard page, click .
- Click Change visualization and select Table visualization from the drop-down.
- In the Data source drop-down, select SystemLink Systems or SystemLink Assets for your query variable.
-
Based on your data source, select the
appropriate property.
Data Source Property SystemLink Systems In the Query editor, set the Query Type to Properties. SystemLink Assets Click the Properties drop-down and select the Scan Code property. - In the Data links section, click Add link.
- Enter a link Title to represent the name of the URL.
-
Enter a link URL that
uses the following format.
d/<YOUR_DASHBOARD_UID>/<YOUR_DASHBOARD_NAME>?orgId=1&var-<selectedScanCode>=${__data.fields["scan code"]}
- The <YOUR_DASHBOARD_UID> variable represents the dashboard UID. To locate the dashboard UID, refer to the dashboard URL. For example, if the dashboard URL is https://system-server/dashboards/d/bf43k48qlijgga/dashboard, then the dashboard UID is bf43k48qlijgga.
- The <YOUR_DASHBOARD_NAME> variable represents the dashboard name. NI recommends that the dashboard name is URL friendly.
- The <selectedScanCode> variable represents the query variable name.
- Disable Open in new tab to ensure that the dashboard updates in place.
- Click Save.
- Click Apply.
- Click Save dashboard.
Once dynamic QR code generation is set up, you can test the QR code generator on your dashboard.
| QR Code Generation Method | How to Test |
|---|---|
|
QR codes with a drop-down selector for a single system or asset. |
|
|
QR codes with a drop-down selector for multiple systems or assets. |
|
|
QR codes with a table selector. |
|