Skip to content

Field Types & Controls

1. Available Field Types Library

The Deal Wizard Builder provides a structured palette of standard form components organized in the Left Control Panel, plus category-specific dynamic fields:

Category Component UI Presentation Configurable Parameters
Input Fields Text Single-line input Label, Placeholder, Helper Text, Min/Max Length, Required.
Text Area Multi-line text box Label, Placeholder, Helper Text, Min/Max Length, Required.
URL Web URL input with link validation Label, Placeholder, Helper Text, Required.
File Upload File attachment dropzone Label, Button Label, Max Files, Max File Size (MB), Accepted Formats.
Image Upload Photo attachment with camera capture Label, Button Label, Max Files, Max Size, Accepted Formats, Enable Camera switch.
Date Picker Calendar selection field Label, Helper Text, Date Format (DD/MM/YYYY), Required.
Selection & Logic Drop Down Select menu (Single or Multi) Label, Helper Text, Allow Multiple toggle, Custom Options list.
Toggle Binary on/off switch Label, Helper Text, Default State (true / false).
Checkbox Checkbox or Multi-Checkbox group Label, Helper Text, Allow Multiple toggle, Custom Options list.
Dynamic Fields Category Fields Live attributes loaded per category Dynamically bound to product category attributes in the central system.

2. Inline Field Property Configuration

In Cashy-Hub, field properties are configured directly inside each field card on the center canvas (rather than in a detached side inspector):

  1. Card Header Controls:
  2. Type Badge & Title: Displays the control icon and current field label.
  3. Subtitle Summary: Displays active settings (e.g. Dropdown • 4 options • Single, or Image Upload • 5 file(s) • 10MB • Camera On).
  4. Quick Required Switch: Toggle whether the field is mandatory without expanding the card.
  5. Delete Icon: Removes the field from the step.
  6. Drag Handle: Drag to reorder fields vertically.
  7. Expanding the Field Card:
  8. Click anywhere on the card header to expand the inline configuration body.
  9. Property Controls by Type:
  10. Text & Text Area: Enter the display label, placeholder text, descriptive guidance in helper text, and optional minimum/maximum character limits.
  11. Dropdowns & Checkboxes: Toggle Allow Multiple to convert a dropdown into a multi-select tag picker or a single checkbox into a multi-option group. Type into Add option... and click Add (or press Enter) to populate choices.
  12. File & Image Uploads: Set the maximum number of files allowed, specify the maximum file size (MB), configure allowed file formats, and toggle Enable Camera to let store operators take live snapshots using counter webcams or tablet cameras.
  13. Date Picker: Choose the date format display standard (default DD/MM/YYYY).
  14. Click Collapse or click the header again to collapse the card once configured.