Add a Barcode, QR Code, or NFC Scanner Field

You can add a barcode, QR code, or an NFC scanner field in a custom form to help mobile workers populate data from these scanners. The camera on the resource's mobile device scans the code and fills the field.

1. Click Configuration > Forms & Plugins.
2. On the Forms & Plugins page, add a new form or click Modify Content for the form to which you want to add the scanner fields.
3. Drag and drop an Input element.
   You can also configure these fields as barcode, QR code, or NFC scanner fields:

   • Product fields of type Text
   • Custom string properties with GUI defined as Text element
4. Complete these fields on the new element window:
   • Form field: Select the data source that you want to bind the new element. Click the drop-down list and select a field. Or, click the pencil icon, select the type of field, and the field.
   • Data entry: Select one of these options:
     • Manual: Select this option to type the value in the field. This is the default option.
     • Barcode/QR code scanning: Select this option to scan a barcode or QR code.
     • NFC scanning: Select this option to scan an NFC tag.
   • Name translations: Add the name translations for the element in the required languages.
   • Default value and validations: Add any default value or validation for the new element.
   • Visibility: Add a visibility for the new element. RW (Read-Write) is the default option.
5. Click Close on the new element window.
   Note: When you add multiple scanner check boxes on a form or page, ensure that the section contains only the scanner check boxes and Text elements. If the section contains any other type of element, the scanner is not triggered.
6. Click Save on the form Visual Form Editor.
   The scanner fields are displayed with a special icon. In the browser application, these fields are displayed as text boxes.