Configuring the QR-Code-Specific Settings (igQRCodeBarcode)

Topic Overview

Purpose

This topic explains, with code examples, how to configure the settings of the igQRCodeBarcode™ control that are specific to the QR (Quick Response) barcode, like the error correction level, size version, FNC1 mode, and the application indicator.

Required background

The following topics are perequisites to understanding this topic:

• igQRCodeBarcode Overview: This topic provides conceptual information about the igQRCodeBarcode control including its main features and minimum requirements.

• Adding igQRCodeBarcode: This is a group of topics demonstrating how to add the igQRCodeBarcode control to an HTML page and to an ASP.NET MVC application.

In this topic

This topic contains the following sections:

• QR-Code-Specific Settings Configuration Summary
• Configuring the Error Correction Level
  • Overview
  • Property settings
  • Example
• Configuring the Size Version
  • Overview
  • Property settings
  • Example
• Configuring the FNC1 Mode
  • Overview
  • Property settings
  • Example
• Configuring the Application Indicator
  • Overview
  • Property settings
• Related Content
  • Topics
  • Samples

QR-Code-Specific Settings Configuration Summary

QR-code-specific settings configuration summary chart

The following table explains briefly the QR-code-specific settings of the igQRCodeBarcode control and maps them to properties that configure them. Further details are available after the table.

Configuring the Error Correction Level

Overview

The error correction level feature is a built-in functionality of the igQRCodeBarcode control that enables restoring of encoded data that has become unreadable because of the barcode being damaged or dirty. The igQRCodeBarcode control has several correction levels based on the percentage of the symbols that can be restored if damaged. Note that the higher the correction level, the higher storage capacity will be required from the user’s device for scanning the QR code. By default, error correction is set to a level which allows for the recovery of 15% of the symbol code words.

Property settings

The following table maps the desired behavior to the property settings that configure it.

Example

The screenshot below demonstrates how the igQRCodeBarcode control looks as a result of the following settings:

Following is the code that implements this example.

In JavaScript:

  $("#barcode").igQRCodeBarcode({
        width: "200px",
        height: "200px",
        data: "http://www.infragistics.com",
        errorCorrectionLevel:"high"
  });

Configuring the Size Version

Overview

The size version setting of the igQRCodeBarcode control specifies the size version QR code barcode matrix. The size version refers to the number of the black and white modules that make up the matrix. Forty size versions are supported, starting from Version 1 which generates a 21x21 module matrix and ending with Version 40 whose matrix is 177x177 modules. If the size version is not set explicitly, the smallest version that accommodates the data will be used. For a list of all size versions and the number of modules they represent, refer to the igQRCodeBarcode jQuery API page.

Property settings

The following table maps the desired behavior to the property settings that configure it.

Example

The screenshot below demonstrates how the igQRCodeBarcode control looks as a result of the following settings:

Following is the code that implements this example.

In JavaScript:

$("#barcode").igQRCodeBarcode({
    width: "200px",
    height: "200px",
    data: "http://www.infragistics.com",
    sizeVersion:"version7"
});

Configuring the FNC1 Mode

Overview

The FNC1 mode setting of igQRCodeBarcode control specifies the format of the encoded data according to a pre-defined data encoding standard. The FNC1 mode setting applies to the entire barcode and is not affected by subsequent mode indicators.

Property settings

The following table maps the desired behavior to the property settings that configure it.

Example

The screenshot below demonstrates how the igQRCodeBarcode control looks as a result of the following settings:

Following is the code that implements this example.

In JavaScript:

$("#barcode").igQRCodeBarcode({
    width: "200px",
    height: "200px",
    data: "(15)679356",
    fnc1Mode:"gs1"
});

Configuring the Application Indicator

Overview

The application indicator identifies the relevant specification by AIM Inc.. It is used only with the Industry FNC1 mode, i.e. when the fnc1Mode property is set to industry.

Property settings

The following table maps the desired behavior to property settings.

Related Content

Topics

The following topics provide additional information related to this topic.

• Configuring the Dimensions of the QR Barcode (igQRCodeBarcode): This topic demonstrates how to configure the igQRCodeBarcode control’s size and dimensional aspects, like the stretch and fill and the size of the minimum-size element.

• Configuring the Character Encoding (igQRCodeBarcode): This topic explains how to configure the desired character encoding in the igQRCodeBarcode control.

• jQuery and MVC API Links (igQRCodeBarcode): This topic provides links to the API reference documentation about the igQRCodeBarcode control and the ASP.NET MVC Helper for it.

Samples

The following samples provide additional information related to this topic.

• Configuring the QR-Code-Specific Settings: This sample demonstrates configuring the QR-code-specific settings.