QR Code

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.


QR Code Formula Formula/expression to be auto-calculated (for the QR code)


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


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


The QR Code and Text control are bound to a String variable that has a default set to

 These are the configuration option settings...

This is the result...

When the QR Code is scanned, the user is taken to Salient's website.


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.


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
Was this article helpful?
0 out of 0 found this helpful