Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.encoreos.io/llms.txt

Use this file to discover all available pages before exploring further.

The Edit Web Form screen is the same WebFormBuilderPage component used for creating new forms, but loaded in edit mode for an existing form. It is accessible at /ce/web-forms/:id/edit.

​
Overview

In edit mode the builder pre-populates all fields from the existing form record: name, slug, description, active status, reCAPTCHA toggle, success message, field definitions, and styling. The form uses a two-column layout: the left column contains a Form Settings card and tabbed editors for Fields and Styling; the right column shows a live WebFormPreview. The slug field is read-only in edit mode (auto-generation only applies to new forms). Clicking a field in the field list opens WebFormFieldEditor in a dialog. Clicking Save Form calls useUpdateWebForm and stays on the same page. If the form ID does not exist or is not found, a “Form not found” message is shown with a link back to /ce/web-forms.

​
Who it’s for

Required permission: ce.admin (route-level gate).

​
Before you start

  • You need the ce.admin permission.
  • The form must exist; navigate here from the web form detail page’s Edit Form button.

​
Steps

1

Open the form editor

Click Edit Form from the web form detail page or navigate directly to /ce/web-forms/:id/edit.
2

Update form settings

Adjust the form name, description, success message, Active toggle, or reCAPTCHA toggle in the Form Settings card.
3

Edit form fields

In the Fields tab, click a field to open the WebFormFieldEditor dialog. Reorder fields by dragging. Add new fields with the add button.
4

Adjust styling

Switch to the Styling tab to update colors, fonts, or other visual settings in WebFormStylingEditor.
5

Preview changes

Check the right-column preview to see how the form will appear to submitters.
6

Save

Click Save Form to persist changes. The page remains on the edit view after saving.

​
Key concepts

  • Slug — URL identifier used in the embed code; in edit mode, the slug field is not auto-generated from the name.
  • reCAPTCHA — spam protection toggle; defaults to enabled on new forms.
  • Field editor — WebFormFieldEditor opens as a dialog for configuring individual form fields.

Community Engagement

Community Engagement core overview.

Governance & parity

Documentation coverage and governance.
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.
  • src/routes/ce.tsx
  • src/cores/ce/pages/WebFormBuilderPage.tsx