Data Input Blocks
QR Code/Barcode Scanner

QR Code/Barcode Scanner

This is some text inside of a div block.

This article explains the features of the Code Scanner (QR Code/Barcode Scanner) block and how it can be used to design your app.

Code Scanner Block is used for:

  1. Scanning QR Codes/Barcodes from any place and entering them into a form.
  2. No-touch attendance systems.

Editing the Code Scanner block

Click on the block and configure it by editing on the right panel.


The label is the name of the block that the end user sees in the app.

Example: Scan the Product ID


The description is the additional information provided to the end user which will be displayed below the input area.

Example: Hold the scanner properly to fit the frame

This is how the Code Scanner block with the label and the description will look to the end user.


Enable this option if you want the user to compulsorily input the data. If enabled, the end user can submit if and only if the data is entered in this field.

Show Advanced Options

Enable this option to show the advanced options to configure the single line text block.

Allow user to input manually

Enabling this option will allow the user to enter the QR Code or the barcode manually, without scanning. This becomes important when the codes are not scannable or distorted.

Disable this option if you do not want the users to modify the codes that are scanned by the camera.

Display this field if

Use this if you want to show or hide a field under certain conditions. It accepts the standard Clappia Formulae, similar to conditional sections.

  1. You can type ‘@’ to get a list of all the variables in the app and select variables.
  2. Using these variables you can write Excel-like formulae.

Example: When the user enters the employee name then the Scan field is displayed and will be accessible to use.

Allow value to be changed after initial submission

This option is enabled by default. End users can edit the value entered in this field after creating a submission. Disable it if you do not want the end users to edit the submitted value.

Pull details from other Clappia App

Enable this option to scan and pull data from one clappia app to another in your workplace.

Data Source App

The master app from which you want to pull the data.

Selection Field

Select any one of the fields as a reference to pull data from the master app.

Pulled Fields

Select the fields from the master app that you need to pull into the present app.

Allow users to see all records in the source app

Enable this option if you want the end users to pull all the submissions from the master app.

Frequently Asked Questions

Question. What to do if I don't have QR Codes/Barcodes?

Answer: There are enough QR code generation services. Here is one of them that can be used -

Question. Can I use the front camera to scan the codes?

Answer: No, we don't support front-camera scanning yet.