stylish-qr-code
Reactive icon

Stylish Qr Code

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded
 on 21 September 2022
 by 
5.0
 (1 rating)
stylish-qr-code

Stylish Qr Code

Documentation
1.0.1

UI Flows

Generator


Blocks

QrCode: Component to render a QR Code.

Parameters:

Name

Type**

Mandatory

MainSettings

QrCodeMainSettings

YES

LogoSettings

QrCodeLogoSettings

NO

QrEngineSettings

QrCodeEngineSettings

NO

ContentSettings

QrCodeContentSettings

NO

BackgroudSettings

QrCodeBackgroudSettings

NO

CornerOuterSettings

QrCodeCornerOuterSettings

NO

CornerInnerSettings

QrCodeCornerInnerSettings

NO

** For the specification check the Structures section on this documentation.



Data Model

Structures


QrCodeBackgroundSettings

Description

Ui settings related to the background.

Attributes

Attribute

Description

Type

Mandatory

Color

Color Hex Value. To Set Backgroupd to transpent use #FFFFFF00

Text


Gradient

Gradient Settings

QrCodeStyleGradient



QrCodeConerOuterSettings

Description

Ui settings related to external corner of the qr code.


Attributes

Attribute

Description

Type

Mandatory

Color

Color Hex Value

Text


Gradient

Gradient Settings

QrCodeStyleGradient


Type

Style of QR outer corner

QrCornerOuterRenderOptionSet Identifier


QrCodeContentSettings

Description

 Ui settings related to main part of the qr code.

Attributes

Attribute

Description

Type

Mandatory

Color

Color Hex Value

Text


Gradient

Gradient Settings

QrCodeStyleGradient


Type

Style of QR outer corner

QrContentRenderOptionSet Identifier



QrCodeCornerInnerSettings

Description

Ui settings related to external inner corner of the qr code.


Attributes

Attribute

Description

Type

Mandatory

Color

Color Hex Value

Text


Gradient

Gradient Settings

QrCodeStyleGradient


Type

Style of QR outer corner

QrCornerInnerRenderOptionSet Identifier



QrCodeEngineSettings

Description

 Settings related to generator engine.


Attributes

Attribute

Description

Type

Mandatory

SymbolVersion

The version to use for qr content generator. The symbol versions of QR Code range from Version 1 to Version 40, if 0 (default value) is used the engine auto compute the correct version

Integer


EncodingMode

The Encoding Mode used by engine to analyze the payload and generate the qr code

QrCodeEncodingPatterns Identifier


ErrorCorrectionLevel

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

QrErrorCorrectionLevel Identifier




QrCodeLogo

Description

Logo defintion to use for image rendering. IMPORTANT:

The logo definition support both Image Binary or an image url. But the image binary has a higher priority so if the binary is present the url is ignored.

Tip: set always an image url as a fallback image.


Attributes

Attribute

Description

Type

Mandatory

Binary

The image binary data

Binary Data


ImageType

The type of image "png,jpeg,etc...."

Text


ImageUrl

The url of the image

Text



QrCodeLogoSettings

Description

Ui settings related to central logo.


Attributes

Attribute

Description

Type

Mandatory

HideBackGroundContent

Hide all qr content covered by the image

Binary Data


LogoCoefficientSize

Coefficient of the image size. Not recommended to use over 0.5. Lower is better

Decimal


Margin

Margin of the logo in px

Integer










QrCodeMainSettings

Description

Ui settings related to the qr code.


Attributes

Attribute

Description

Type

Mandatory

HeightPixel

Height of qr

Integer

YES

WidthPixel

Width of qr

Integer

YES

Margin

The margin between qr code and its container

Integer


Payload

The data to encode into the QR code

Text

YES

Logo

The image at the center of the qr

QrCodeLogo


RenderMode

The type of the element that will be rendered

QrRenderMode Identifier



QrCodeStyleGradient

Description

Ui settings related to gradient.


Attributes

Attribute

Description

Type

Mandatory

Mode

Type of gradient

QrCodeStyleGradientMode Identifier            


Rotation

Rotation of gradient in radians

Integer


Colors

Gradient colors.

QrCodeStyleGradientColor List



QrCodeStyleGradientColor

Description

Ui style related to the gradient


Attributes

Attribute

Description

Type

Mandatory

Offset

Position of color in gradient range. The value must be in the following range ( 0.0 <-> 1.0 )

Decimal

YES

Color

Color Hex Value

Text

YES





Static Entities

 


QrCodeAllowedExtensions (Public)

Description

The allowed extensions to download/transform the qr code.

Records

  • "webp"
  • "jpeg"
  • "png"
  • "svg"



QrCodeEncodingPatterns (Public)

Description

The encoding alg to be used by the generator engine.

Records

  • "Alphanumeric"
  • "Byte"
  • "Numeric"



QrCodeStyleGradientMode (Public)

Description

Type of gradient to use in the qr code.

Records

  • "linear"
  • "radial"



QrContentRenderOptionSet (Public)

Description

Ui style used by the main central part of the qr code.

Records

  • "extra-rounded"
  • "classy"
  • "classy-rounded"
  • "square"
  • "rounded"
  • "dots"


QrCornerInnerRenderOptionSet (Public)

Description

Ui style used by the external inner corner part of the qr code.

Records

  • ""
  • "square"
  • "dot"



QrCornerOuterRenderOptionSet (Public)

Description

Ui style used by the external corner part of the qr code.

Records

  • ""
  • "square"
  • "dot"
  • "extra-rounded"



QrErrorCorrectionLevel (Public)

Description

The correction level used by the generator engine.

Records

  • "L"
  • "Q"
  • "H"
  • "M"



QrRenderMode (Public)

Description

Settings to specific the html object to render.


Records

  • "canvas"
  • "svg"



Actions

Client Actions

 

QrCodeDownload

Description

Public client action to download as image or svg the qr code.

Input parameters

Name

Description

DataType

Mandatory

QrCodeBlockId

The Qr Code Widget Id

Text

YES

FileName

The name without extension used to save the file

Text

YES

Extension

The extension of the image ( ie: png).

QrCodeAllowedExtensions Identifier

YES


QrCodeGetBinaryData

Description

Public client action to retrieve the qr code image binary data, usefull to save it into the database.

Input parameters

Name

Description

DataType

Mandatory

QrCodeBlockId

The Qr Code Widget Id

Text

YES

Extension

The extension of the image ( ie: png).

QrCodeAllowedExtensions Identifier

YES


Output parameters

Name

Description

DataType

BinaryData

The image binary data

Binary Data


QrCodeModuleCount

Description

Public client action to retrieve the qr code image binary data, usefull to save it into the database.

Input parameters

Name

Description

DataType

Mandatory

QrCodeBlockId

The Qr Code Widget Id

Text

YES


Output parameters

Name

Description

DataType

ModuleCount

The module total count.

Integer