Scanner field

The Scanner field is an advanced type of form field that allows you to scan and fetch barcodes and Quick Response (QR) codes. You can use it in process forms, board forms, and data forms within apps.

For example, you can use the scanner field if you’re building a process to streamline asset procurement or a library management app to scan and track book borrowings. Find how you can fetch asset details in an Asset procurement process by automating barcode scanning.

Configuring the scanner field

Like any other field, you can drag and drop the scanner field onto your form from the left side Fields panel. You can enter a name for the field, mark it as a required field, modify the Field ID, and enter a help text if required. The form developer can enable image upload, which will allow users to upload and scan images.

Form developers can also provide validations, set visibility rules, and change appearance settings for the scanner field.

Note:

The scanner field is only supported within the form and not within the form’s child tables.

Using the scanner field

Once the form is live, end-users can open the form and click the scanner icon () beside the field to scan and fetch barcodes/QR codes using their camera. They can also upload a valid image of the code if the form developer enables the relevant option. The scanner field supports JPEG, JPG, and PNG files. It fetches the value of the code as a string in a text field. Users can also edit the string in the scanner field or manually input the value.

Note:

If you haven’t already, you need to give Kissflow permission to use your device camera. Know more.

If no activity is detected, the scanner will display an alert and time-out after three minutes. Users can stay active by clicking Wait and then resume scanning.

Note:

For a better experience on a mobile device, we recommend using the Kissflow application installed from the Google's Play Store or Apple's App Store to access the scanner instead of the PWA version.

Users need to generate codes from valid sources for scanning. Using distorted images of codes for scanning may not fetch the value of the code.

Types of barcodes supported for scanning

The scanner field supports the following types of barcodes:

Note:

* indicates the barcode types that are supported for scanning only through the camera and not by uploading the code's image.