Forms: Editing documents

One particularly powerful dynamic component is <ae-form>, which renders a document as an editable form based on its associated schema.

How <ae-form> works

1. It uses the form definition (written in FormDown) to create fields.
2. Each field corresponds to a property in the document’s data.
3. The user can edit these fields, and changes are sent back to the server as a new document version.

Example: Rendering a Form

Given the following:

FormDown

[Name][name]  
[Description][description]

HTML Template

<ae-form :document="document">

will render an editable form with:

• A text field for name
• A text field for description

A form component when integrated into a design or layout can be monitored for changes and those can be sent to the server.