Builder Overview

The Form Builder is divided into three main areas:

1. The Sidebar (Left)

This is your toolbox. Here you will find:

• Questions Tab: All available field types you can drag onto your form.
• Design Tab: Styling options for colors, fonts, and themes.
• Settings Tab: Configuration for form logic, notifications, and integrations.

2. The Canvas (Center)

This is your workspace.

• Drag and Drop: Drag fields from the sidebar here.
• Live Preview: What you see is exactly what your users will see.
• Edit Mode: Click on any element on the canvas to open its properties in the right panel.

3. The Properties Panel (Right)

When you select an element on the canvas, this panel shows its specific settings.

• Content: Change label text, placeholder, and help text.
• Validation: Mark fields as required or set character limits.
• Logic: Set conditions for when this field should be shown or hidden.

Top Bar

• Device Preview: Switch between Desktop, Tablet, and Mobile views.
• Undo/Redo: Quickly fix mistakes.
• Publish: Make your form live.