Settings QR params
To JSON:
| Param | Description |
|---|---|
text | Encoded information |
radius | Radius point in QR 0,5 |
ecLevel | Error correction level "H"(30%), "Q"(25%), "M"(15%), "L"(7%) |
fill | Color QR code #000000 |
background | Background color QR #000000, null if transparent |
size | Size QR code 250 = 250x250 px |
Template QR params
{
"text": "QR generator in Directual",
"radius": "0.5",
"ecLevel": "H",
"fill": "#0064a8",
"background": null,
"size": "250"
}Web component params
Web component settings parameters inside the Directual constructor. WARNING! Only 1 component can be placed per page
| Param | Description |
|---|---|
Params | Parametrs to QR code |
Visible params | Show parameter block under QR code |
Padding container | Padding the main container 10px, 5px,7px,5px,7px |
Background container | Background main container #0064a8 |
Background QR frame | Background frame QR code in main container #FFFFFF |
Download button | Show download button |
Label button download | Edit label download button |
Header label | Show header label SCAN ME |
Header label text | Edit header label |
Customize component from CSS
Below are the classes\ids for changing the appearance of the constructor, if this is necessary for you. To change the style, create an empty html block and write a new style in the <style></style> tags
| class\id | Description |
|---|---|
#header_qr | Header label SCAN ME |
.main_container-mono-QR | The main container in which the components are located |
.wrapper-main-mono-QR | Additional container for correct placement of components and header |
#qrCodeMonoQR | White container inside which a QR code is generated |
#parametersMonoQR | The block inside which contains the generated QR code parameters in JSON format |
#downloadLink | Button to download the QR code |
