Form Builder Overview
The Rowform Builder is where you create and edit your forms. It provides a visual, intuitive interface with live preview and drag-and-drop question management.
Builder Layout
The builder is divided into three main sections:
Left Sidebar — Question List
- Displays all questions in your form in order.
- Drag and drop questions to reorder them.
- Click any question to select it and edit it in the center canvas.
- Use the + Add Question button to insert new questions.
Center Canvas — Live Preview
- Shows a live preview of the currently selected question.
- Edit the question title directly by clicking on it.
- Toggle between Desktop and Mobile preview to see how your form looks on different devices.
Right Panel — Properties
- Configure settings for the selected question.
- Options vary by question type but typically include:
- Required — Make the question mandatory.
- Description — Add helper text below the question.
- Placeholder — Set placeholder text for input fields.
- Button Text — Customize the "Next" button label.
- Alignment — Align question text left, center, or right.
Top Navigation Tabs
The builder has seven tabs across the top:
| Tab | Purpose |
|---|---|
| Build | Add and edit questions. |
| Design | Customize colors, fonts, and themes. |
| Logic | Set up conditional branching rules. |
| Integrate | Connect Google Sheets, webhooks, and more. |
| Settings | Configure form behavior, language, and notifications. |
| Share | Publish your form and get shareable links. |
| Results | View responses and analytics. |
Adding Questions
- Click + Add Question in the left sidebar.
- A modal appears with all available question types organized by category.
- Click a question type to add it to your form.
- The new question appears at the bottom of your question list.
Editing Questions
- Click any question in the left sidebar to select it.
- Edit the question title in the center canvas.
- Use the right panel to configure type-specific settings.
- Add a description for additional context or instructions.
Reordering Questions
- Hover over a question in the left sidebar to reveal the drag handle.
- Click and drag to move the question to a new position.
- Release to drop it in place.
Deleting Questions
- Select the question you want to remove.
- Click the delete icon in the left sidebar or right panel.
- Confirm the deletion when prompted.
Mobile Preview
Use the device toggle in the canvas area to switch between desktop and mobile views. This helps you ensure your form looks great on all screen sizes.
Keyboard Shortcuts
- Escape — Close any open modal or panel.
Tips
- Write clear, concise question titles. Respondents should understand what's being asked at a glance.
- Use descriptions sparingly — only when extra context is truly needed.
- Preview your form on mobile before publishing. Most respondents will fill out forms on their phones.
- Use the Thank You page to set expectations about what happens next.