Form Author Guide - Build forms without changing application code
Use this guide if you design forms in the visual editor and do not write application code. Start with an introduction to Designer, explore the workspace on a real form, and then build your first form.
Developers who embed Designer in React should start with Getting started and Installation instead of this track.
Start here
| If you are… | Open |
|---|---|
| New to FormEngine Designer | What is FormEngine Designer? |
| Ready to see the screen | The Designer workspace |
| Looking for use cases and demos | Examples and use cases |
| Looking for a hands-on tutorial | Create your first form |
| Looking up a term | Glossary |
| Stuck on a problem | Common problems and fixes |
Suggested reading order
- What is FormEngine Designer? - what it is and a note about licenses
- The Designer workspace - four regions on the Event registration form
- Add a component, select it, Preview, then save
- Your first form → First form checklist
- Fields and data
- Form structure
- Behavior and validation
- Preview and handoff
Guide sections
| Section | Topics |
|---|---|
| Meet the Designer | Product intro, workspace, first actions, examples |
| Your first form | Create, fields, names, validation, actions, preview |
| Form structure and layout | Containers, tree, grids, tabs, wizards |
| Fields and data | Keys, field types, labels, defaults, repeating rows |
| Behavior and validation | Rules, actions, events, error messages, modals |
| Manage forms | Forms tab, save, export, presets |
| Appearance and readability | Style tab, errors, localization |
| Simple data-driven screens | Prefill, conditional fields, calculated values |
| Components by task | Field types hub + library |
| Advanced topics | When to involve developers, form JSON |
| Preview and handoff | Testing, export, Preview tools, mobile |
| Help | FAQ, glossary, handoff, support links |
Try the live demo
Summary
These pages are step-by-step docs, not a video course. They stay away from npm, React, and the API reference. Use screenshots and the live demo to check your work as you go.