Barcode

This form control is supported on Nintex Mobile in both online and offline modes.

Use the Barcode form control to manually enter a value into a field or scan a barcode using the camera of your device. Barcode scanning is supported both in the Nintex Mobile app and on mobile web browsers.

You can scan the following barcodes:

Nintex Mobile:

Android
UPC-A, Code 39, UPC-E, Code 93, Data Matrix, EAN-8, Code 128, Aztec (beta), EAN-13, Codabar, PDF 417 (beta), ITF, MaxiCode, RSS-14, RSS-Expanded

iOS
UPC-A and UPC-E, EAN-8 and EAN-13, Code 39, Code 128, ITF, Codabar, RSS-14 (all variants), QR Code, Data Matrix, Aztec ('beta' quality), PDF 417 ('alpha' quality)

Mobile Web / Non-App Version

The mobile web version supports a limited set of barcode types:

QR Code, Code 128, Code 39, EAN-8, EAN-13,UPC-A, UPC-E, Data Matrix

Note: You can arrange up to four of this control on a single row in the form.

Section	Setting	Description
(unlabeled)	Title	Field title displayed on the published form.
	Customize	Switch toggle to Yes to enable customization of the variable Name of the form control.
	Connected to	This field is only available when configuring the form control for Table forms. Connects the form control to a column in the table. When a column is selected, the control is connected to that table column and can store values in the column. Only compatible columns based on data type can be selected. Use the Connected to field to: Connect a control to a specific table column Capture and save user input to the correct column
	Connected to	This field is only available when configuring the form control for Table forms. Connects the form control to a column in the table. When a column is selected, the control is connected to that table column and can store values in the column. Only compatible columns based on data type can be selected. Use the Connected to field to: Connect a control to a specific table column Capture and save user input to the correct column
	Required	Mandates entry of a value before the form can be submitted.
	Custom required message	(Displays when you select Yes in Required) The text which displays below the field when a value is not entered into the field upon change form page or on form submit.
	Visible	Shows the field on the published form when loaded.
	Read-only	Displays the field on the published form but does not allow user input.
	Placeholder	Default text displayed in the field on the published form. This default text disappears when the user types the first valid character or scans a value into the field.
	Description	A description of the field to display below the field on the published form.
	Tooltip	The message which appears when users hover their cursor or touch the information icon beside the Barcode control in the form.
	Shrink	Reduces the width of the control when placed in a row with other form controls.
	Expand	Increases the width of the control when placed in a row with other form controls.
Styling	CSS class	Add a CSS class to apply a style to this form control. You can create the CSS class in the CSS code editor in form styles. Enter one class name or multiple class names separated by a space. For more information, see Add a custom CSS to individual controls. Note: The CSS Class field is available only if the Custom CSS setting is enabled in Nintex Workflow Form settings.
	Border color	Border color to apply to the field. To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code. To revert back to the global style, click Reset to global style.
	Control Fill	The color to fill the inside of the field. To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code. To revert back to the global style, click Reset to global style.
	Control input color	The font color of the input in the field. To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code. To revert back to the global style, click Reset to global style.