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 Geocortex 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]
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.