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.