Developer docs Demo

Meet the Designer

What is FormEngine Designer?
The Designer workspace
Add components from the palette
Select and edit components
Preview and Edit
Save and share
Use the left panel tabs
Use the right properties panel
Use the component tree
Canvas drag and drop
Undo and redo
Examples and use cases
Collapse panels and resize the code panel
Light and dark theme

Your first form

Create your first form
Add fields to your form
Name fields for data capture
Add validation on your first form
Add button actions on your first form
Preview your first form
First form checklist

Form structure and layout

Form structure and containers
Parent and child in the Tree
Rows, columns, and grids
Tabs and multi-step layouts
Spacing and alignment basics
Wizard and multi-step flows

Fields and data

What is form data?
Common field types
Labels and help text
Default values
Choice fields
Read-only and disabled fields
Tables and repeating rows

Behavior and validation

Validation basics
Actions basics
Form-level actions in Settings
Events and actions concept
Action order on buttons
Common validation patterns
Custom error messages
Modals for form authors

Work with multiple forms
Save, export, and import forms
Duplicate and rename forms
Form settings every author should know
Preset components

Appearance and readability

Why appearance matters for forms
Style tab basics
Form-wide errors and tooltips
Localization for form authors

Simple data-driven screens

Static vs dynamic content
Prefill a form
Load options from external data
List and detail pattern
Show or hide fields
Calculated fields overview

Components by task

Choose the right field type
Browse components and guides

Advanced topics

When to involve developers
Custom components overview
View and edit form JSON

Preview and handoff

Testing checklist before handoff
Export and share your form
Use Preview mode tools (Data, Validate, Reset)
Preview on mobile and tablet

Glossary
FAQ for form authors
Keyboard shortcuts
Common problems and fixes
Hand off to your technical team
Get more help

Components by task

Choose the component that matches what you collect. These pages help you match tasks to field types and point to the component library.

In this section

Choose the right field type	Match user tasks to components (text, choice, date, file, display-only) with links to the components library.
Browse components and guides	Browse component groups and related Form Author Guide topics: text, choices, dates, files, layout, and actions.

PreviousCalculated fields overview NextChoose the right field type

On this page

In this section

Contacts

sales@optimajet.com

Resources

GitHub
Form Builder Demo

Products

FormEngine
Workflow Engine
Workflow Server

Copyright © 2026 Optimajet Limited. All rights reserved.