Hi. How can we help?

How to set up the QR Code image field?

 Website

Put your hands together to welcome our new function - QR Code image.
it is a short cut to fill multiple fields by scan a QR code/Bar code via APP.

There have 2 scenarios or more you may use it.

  • Create your own QR Code to pre-filled multiple fields.
  • Scan the QR Code/Bar Code on the document provided by the parties.


To set up, please access the form wizard from Company admin > Inspection > Form > Form wizard.

Set a field properties to a QR Code image, enter the code for mapping.

Below have 2 types of code you may use.

1️⃣

{
  "qrcodeType": "QRCodeToImage",
  "parseType": "array",
  "arraySeparator":",",
  "arrayMapping": [
        {
            "CheckCode":"{Checkcode}"
        },{
            "CheckCode":"{Checkcode)"
        },{
            "CheckCode":"{Checkcode}"
        },{
            "CheckCode":"{Checkcode}"
        },{
            "CheckCode":"{Checkcode}"
        },{
            "CheckCode":"{Checkcode}"
        }
                    ]
}

To match which above code, the content of the QR Code has to separate the item by a comma.

Such as,

1,2,03/04/2015,18:00,7,8

Would be nice to use it to create your own QR Code.

How to create?
Search "QR Code Generator" via the web search engine!


2️⃣

{
    "qrcodeType": "QRCodeToImage",
    "parseType": "queryString",
    "arrayKeyMapping": [
        {
            "key":"{key1}",
            "value":"{Checkcode}"
        }, {   
            "key":"{key2}",
            "value":"{Checkcode}"
        }, {
            "key":"{key3}",
            "value":"{Checkcode}"
        }, {
            "key":"{key4}",
            "value":"{Checkcode}"
        }, {
            "key":"{key5}",
            "value":"{Checkcode}"
        }, {
            "key":"{key6}",
            "value":"{Checkcode}"
        }
    ]
  }

To match which above code, the content of the QR Code has to describe content with the {key}, start with "?" and separate the item by "&".

Such as,

?Name=SnagR&Ref=ref no.123456789&Date=12/07/2020&Time=18:00&Type=Demo&Location=On Site

You may scan the QR Code/Bar Code on the document first and see which one would meet your needs.

Where to scan?
Search "QR Code Scanner" via the web search engine or scan via the camera on your device!

⭐️ To know what is the {Checkcode} of that field, please screenshot it, remark which field you are willing to know, and send it to the support team :)
How can I contact SnagR?


Let's practice!

Please create a new inspection with the below form "QR code" template.
Please create the form code as "QR".
Check this link to know how to create a new inspection template.


🎬 Start

Create fields from the left to right, from the top to bottom.

Set the form field properties to the corresponding type.

Select the QRCode image. (the QRCode will be stamped on the form.)
Back to the Attributes and enter the code to mapping.

{
  "qrcodeType": "QRCodeToImage",
  "parseType": "array",
  "arraySeparator":",",
  "arrayMapping": [
        {
            "CheckCode":"QR0002"
        },{
            "CheckCode":"QR0003"
        },{
            "CheckCode":"QR0004",
 "DateInputFormat":"DD/MM/YYYY"
        },{
            "CheckCode":"QR0005",
"DateInputFormat":"hh:mm"
    },{
            "CheckCode":"QR0006"
    },{
            "CheckCode":"QR0007"
    }
    ]
}


Done. Please save and enable the insection template on the project.

Login to the APP, sync,  add a new inspection and scan below QR Code to test on it.


Let see how it works. 👀


Was this article helpful?

Export to PDF