Form Builder
The visual drag-and-drop form builder is the heart of FormsIntel. Create complex, multi-field forms with conditional logic — no code required.
Supported Field Types
Every field type you need to build professional forms.
| Field Type | HTML Element | Use Case |
|---|---|---|
| Short Text | <input type="text"> | Names, titles, single-line answers |
| <input type="email"> | Email addresses with built-in validation | |
| Number | <input type="number"> | Ages, quantities, numeric values |
| Long Text | <textarea> | Comments, feedback, multi-line responses |
| Dropdown | <select> | Predefined choices (e.g., Country, Role) |
| Checkbox | <input type="checkbox"> | Boolean toggles, terms acceptance |
| Radio Buttons | <input type="radio"> | Single-choice from multiple options |
| Date | <input type="date"> | Birthdates, event dates, deadlines |
Drag-and-Drop Reordering
The Form Builder uses a visual drag-and-drop interface to structure your form layout.
How It Works
- Add fields from the left panel by clicking the field type button. Each click appends a new field to the form canvas.
- Grab the drag handle (the ⋮⋮ grip icon on the left side of each field card) and drag the field up or down to reorder.
- Click a field card to open the Properties Panel on the right, where you can edit the label, placeholder, validation rules, and conditional logic.
- Preview in real-time — the right side of the Builder shows a live preview of your form as respondents will see it.
Field Properties Panel
Every field can be customized with the following properties:
The visible label text above the field (e.g., "Full Name")
Hint text inside the field (e.g., "Enter your full name")
Toggle to make the field mandatory — form won't submit without it
Change the field type after creation (text → email, etc.)
Add, edit, or remove choices for dropdown and radio fields
Show/hide this field based on another field's value
Conditional Logic Engine
The most powerful feature of the Form Builder. Conditional Logic allows you to dynamically show or hide fields based on the respondent's previous answers.
Configuration Model
{
"condition": {
"dependsOn": "field_role", // ID of the field to watch
"operator": "equals", // equals | not_equals | contains
"value": "Developer" // Target value to compare against
}
}When the watched field's value matches the condition, the current field becomes visible. Otherwise, it is hidden from the form.
Supported Operators
| Operator | Behavior | Example |
|---|---|---|
| equals | Exact string match | Role = "Developer" |
| not_equals | Inverse of equals | Type ≠ "Personal" |
| contains | Substring match | Answer contains "enterprise" |
Real-World Examples
📋 Show "GitHub URL" only if Role = "Developer"
Selecting "Developer" from a Role dropdown reveals a text field for their GitHub profile.
📋 Show "Company Size" only if Type ≠ "Personal"
If the user selects "Business" or "Enterprise", a number field appears asking for team size.
📋 Show "Referral Details" if Source contains "referral"
If the user types anything containing "referral" in a Source field, a follow-up textarea appears.
Form Sharing Options
Once your form is saved, FormsIntel generates a unique shareable URL. You have three ways to distribute it:
- File Upload Fields — Accept file attachments (images, PDFs, documents) up to 10MB.
- Multi-Page Forms — Split long forms into paginated steps with a progress indicator.
- Form Templates — Pre-built templates for Contact, Feedback, Survey, and Registration forms.
- Custom CSS Injection — Apply custom CSS directly to public forms for pixel-perfect branding.