The QR Code control is used to direct users to a website by using a QR scanner. Typically, QR scanners are available for download on camera-enabled smart phones for free. It is an easy and convenient way to get users to a particular website, since all they have to do is line up the scanner to the QR code, and they are taken to the website that has been configured on the QR Code control.
This control comes with many easy to configure formula, appearance, and behavior configuration options.
Like almost all SPARK controls, you can trigger events that are fired when the user interacts with the control (see the Event and Methods sections below and the Event Handling article for more information).
The ability of QR codes to connect people with each other and to multimedia digital content is very useful for businesses and consumers alike.
Formula
QR Code Formula Formula/expression to be auto-calculated (for the QR code)
Appearance
Label Placement Top, Left
Width Width of the QR Code in px, %, or em
Height Height of the QR Code in px, %, or em
Background Image URL The background image URL for the QR control
Behavior
Error Correction Level There are 4 error correction levels used for QR codes, with each one adding different amounts of “backup” data depending on how much damage the QR code is expected to suffer in its intended environment, and hence how much error correction may be required:
Level L – up to 7% damage
Level M – up to 15% damage
Level Q – up to 25% damage
Level H – up to 30% damage
Example
The QR Code and Text control are bound to a String variable that has a default set to http://www.salientprocess.com
These are the configuration option settings...
This is the result...
When the QR Code is scanned, the user is taken to Salient's website.
Events
With the QR Code Control, there are 2 types of event handlers:
- On Load When the page loads
- On Change When there is a change
You can use JavaScript logic to affect the effects of the control, depending on the event. More information on using these controls can be found in the Event Handling article.
Methods
For detailed information on the available methods for this control, access the JS Doc file.
- Authors: Courtney Silva
- Date Created: June 25, 2015
- Date Modified: June 25, 2015
Comments