QR Code

A QR code generator component that creates scannable codes from input values. Features high error correction level for optimal scanning reliability, automatic type number adjustment based on content, and responsive display. Ideal for generating shareable links, contact information, or any text-based data in QR format.

Extends: fieldComponent

Fields

Name

Code

Data Type

Description

Label

label

multi-locale

Display label for the QR code field

ID

resourceId

text

Unique identifier for the component

Style Classes

styleClasses

text

CSS classes for styling

Style

style

text

Custom inline styles

Width

widthClass

text

Controls component width

Value

value

text

Content to be encoded in QR code

Visible

isVisible

boolean

Controls component visibility

Field Style

fieldStyle

text

Additional field styling options

Methods

Name

Description

generateQRCode

Generates QR code image from the current value using high error correction level

getDivId

Generates unique identifier for the QR code image element

fromValue

Processes incoming value changes and triggers QR code generation

toValue

Formats value for QR code generation

Events

Name

Description

onChange

Triggered when the QR code content or generation parameters change

onBlur

Triggered when the QR code component loses focus

onFocus

Triggered when the QR code component gains focus