Configure a QR Code
QR codes can be used in a report to help mobile users quickly navigate to related content. Desktop users may be at a loss though on how to access the same content. In this tutorial we will learn how to create a QR code that can be scanned by mobile users and clicked by desktop users to access the same content.
Step 1: Create the report
-
In VertiGIS Studio Report Designer, click File and then New.
-
From the list of options, double-click Layer Report.
-
In the Layer Report Wizard, select Use a new ArcGIS layer or table and then click Next.
-
Enter a name for the data source, such as
LA County Service
. -
For the URL, enter
https://dmags3.geocortex.com/arcgis/rest/services/LosAngeles/LA_Layers/MapServer
, and then click Next. -
Select Tax Parcels and then click Finish.
Step 2: Add a Bar Code control and configure the Height and Symbology
-
Set the Height of the Detail band to
250
-
Select the Detail band.
-
Open the Properties panel .
-
Expand the Layout property group.
-
Set Height to
250
.
-
-
Add a Bar Code control and set the Height to
200
.-
Drag a Bar Code control into the Detail band.
-
In the Properties panel, set Height to
200
.
-
-
In the Actions property group, set Symbology to QRCode.
-
Check Auto Module.
The code will resize to the bounds of the control.
-
Expand the Symbology property.
-
Set the Compaction Mode to Byte.
The QR code can now include alphanumeric characters.
Step 3: Configure the URL of the QR code when scanned
-
Uncheck Show Text.
The URL will not display as text below the QR code.
-
Configure the Text property to
'https://www.google.com/maps/search/?api=1&query='+ [SITEADDRESS]
-
Open the Expressions panel.
-
In the Text property, click the ... button to launch the Expression Editor.
-
In the Expression Viewer, enter
'https://www.google.com/maps/search/?api=1&query='+
-
In the Categories box, select Fields.
-
In the Options box, double click SITEADDRESS.
Your expression should look like
'https://www.google.com/maps/search/?api=1&query='+ [SITEADDRESS]
- Click OK.
-
Launch the Preview .
-
Use the parameter values
1, 2, 3, 4
-
Scan the QR Code with your mobile device.
The QR code contains a URL.
-
Click the QR code.
Nothing happens as there is no URL configured for when the QR code is clicked.
Step 4: Configure the URL of the QR code when clicked
-
Configure the Navigation URL property to
'https://www.google.com/maps/search/?api=1&query='+ [SITEADDRESS]
-
Copy the expression from the Text property.
-
Paste the expression in the Navigation URL property.
-
Launch the Preview .
-
Use the parameter values
1, 2, 3, 4
-
Click the QR code.
The URL launches in a new tab.