Form Builder
Form Builder Overview
Learn how the InfiForm canvas, block controls, and real-time live preview work together.
Form Builder Overview
The InfiForm Form Builder provides a distraction-free, visual environment for constructing conversational forms. Changes made in the builder are previewed in real-time, matching the exact experience respondents see on their devices.
Anatomy of the Builder
+-----------------------------------------------------------------------------------+
| [Logo] Form Title (Draft/Published) [Theme] [Share] [Settings] [Publish]|
+-------------------+-------------------------------+-------------------------------+
| BLOCKS PALETTE | LIVE PREVIEW CANVAS | BLOCK SETTINGS PANEL |
| | | |
| - Welcome Screen | Question 2 of 5 | Question Title |
| - Short Text | "What is your work email?" | [What is your work email? ] |
| - Email (Active) | | |
| - Rating | [ name@company.com ] | Description / Hint |
| - Thank You | | [We will never spam you ] |
| | [ Continue -> ] (Enter) | |
| [+ Add Question] | | [x] Required |
+-------------------+-------------------------------+-------------------------------+1. Left Sidebar: Blocks Palette
- Lists every question block, screen, and layout element currently in your form.
- Drag and drop blocks to reorder questions on the fly.
- Duplicate or delete blocks with a single click.
2. Center: Live Interactive Canvas
- Simulates keyboard navigation (e.g. typing, pressing
Enterto advance,Shift + Tabto go back). - Toggle between Desktop, Tablet, and Mobile viewport sizes to test responsive layouts.
3. Right Sidebar: Block Settings
- Configure validation constraints (character limits, number ranges, allowed email domains).
- Toggle Required status.
- Add helper hints and placeholder text.
- Attach media (images, icons) directly to the question prompt.
Auto-Save & Publishing
- Auto-Save: Every change you make in the builder is automatically saved to your draft workspace in real-time.
- Publishing: Changes only become visible to respondents when you click the "Publish" button. This allows you to safely iterate on live forms without disrupting active respondents.