The New Form page opens the Form Editor in creation mode atDocumentation Index
Fetch the complete documentation index at: https://docs.encoreos.io/llms.txt
Use this file to discover all available pages before exploring further.
/fw/forms/new. It uses the same FormEditor component as the edit route; when no id query parameter is present the editor creates a new form on save.
Overview
The Form Editor at/fw/forms/new provides a visual builder for creating data-capture forms. Tabs include: Builder (field list and metadata), Wizard (multi-step configuration), and — once the form is saved — Portal, PDF Preview, Permissions, and Versions. A live preview panel can be toggled on or off.
Who it’s for
Requiresfw.forms.create permission (FW_PERMISSIONS.FORMS_CREATE). Users without this permission cannot access this route (enforced by RequirePermission in src/routes/fw.tsx).
Before you start
- An organization must be active. The form is scoped to the current organization.
- Plan the form name and the fields needed before opening the editor. The editor validates that the name is non-empty and that at least one field exists before allowing a save.
- Each field requires a
field_key,field_type, andlabel.
Steps
- Navigate to
/fw/forms/newor select “New Form” from the Forms list. - Enter a Form Name (required) and optional Description in the Form Details card.
- Optionally toggle Analytics Tracking on or off.
- Add fields using Add Field. For each field, configure key, type, label, and any validation rules in the
FieldEditorDialog. - Reorder fields by dragging within the
DraggableFieldList. - Use Quality Score to evaluate the field configuration, or Suggest with AI to receive AI-generated field suggestions.
- Optionally switch to the Wizard tab to configure multi-step wizard behavior.
- Select Save Form. On success the editor redirects to
/fw/forms/edit?id=<newFormId>where portal, PDF, permissions, and version history tabs become available. - To publish the form for submissions, use the Publish button (available after saving when the form is in
draftstatus).
Key concepts
- Field key — A unique identifier for the field within the form; used in
submission_dataJSON. - Wizard configuration — Enables multi-page wizard mode for the form via
WizardConfigPanel. Requirespagesto be configured. - PDF Preview — A client-side preview of how the form renders as a PDF, using
PdfPreviewPanel. Toggleable sample data shows placeholder values per field type. - Prefill rules — Shown in the Builder tab when a field is selected, allowing rules to auto-populate field values.
- Draft vs. published — A form starts as
draft. Publishing creates a version and makes the form available for submissions.
Related
Forms & Workflow
Forms & Workflow core overview.
Governance & parity
This page documents shipped product behavior. It is not medical, legal, or
billing advice. Verify against your organization’s policies and applicable
regulations before using it for clinical, compliance, or billing decisions.
Protected health information (PHI) shown in the product is governed by your
tenant’s access controls and is never exposed in this documentation.
Documentation sources
Documentation sources
- src/routes/fw.tsx
- src/cores/fw/pages/FormEditor.tsx
- src/platform/forms/useFormDefinition.ts
- src/platform/forms/useFormMutation.ts
- src/cores/fw/components/DraggableFieldList.tsx
- src/cores/fw/components/FieldEditorDialog.tsx