Skip to main content

Scanner

The Scanner control in DronaHQ enables QR, barcode, and text scanning directly via the device camera—across web and mobile platforms. It’s built for cross-device support and works in Preview or web test mode, provided camera permissions are granted.

Content

SettingDescription
Scan TextSet the text to indicate scan.
Rescan TextSet the text to re-attempt scan.
Ignore duplicate codesPrevents duplicate scan entries from being processed.
Pause after scanStops further scanning after a successful scan until resumed.
Start camera by defaultAutomatically starts the camera when the scanning function is initialized.
Time between scans (ms)Sets a delay (in milliseconds) between consecutive scans.

Add-ons

Add-onDescription
TooltipAllows you to display additional information or helpful hints.
DescriptionAdds descriptive text beneath to provide better context for users.
LabelEnables the addition of labeling of the control.

Interaction

OptionDetails
ValidationAdd validation rules like required or more to the control.
Read OnlyMakes the control non-editable.
Submit DataDetermines when data is submitted (Options: Always, Never, Not When Hidden).
EventsLets you define logic or actions (like bindings or workflows) that should trigger based on user interaction.

Event

TriggerDescription
value_changeOccurs upon modification in the value of the respective control.

Appearance

  • Visibility – Controls whether the element is shown or hidden in the interface.
  • Theme – Defines the overall appearance, including colors and styles, to match the design system.
  • Layout – Determines the border around the element for visual distinction.
  • Action Button – Adjusts the button’s dimensions, text thickness, and color to match UI preferences.
  • Output Text Style – Defines the appearance of displayed text. Controls the font size, boldness, color, and alignment of the output text.

Advanced Settings

  • External CSS: Add custom styles to the Scanner control.
  • Trigger Dependents: Automatically invoke linked controls or workflows.
  • Caching: Enable caching to store frequently used inputs.

Control Output

OutputDescription
{{scanner}}It provides the output of the control in string type.