Integrate Forms with Form Data Model (FDM)
Connect your forms to backend data sources using FDM to enable data binding, validation, and submission workflows.
Prerequisites
Complete these steps before integrating FDM with your forms:
- Configure Data Source: Set up backend connections
- Create Form Data Model: Define data structure and services
- Configure Data Model Objects: Map data relationships
Considerations
If you do not see the Data Sources icon in your Universal Editor interface or Bind Reference property in the right property panel, enable the Data source extension in the Extension Manager.
Refer to the article to learn how to enable and disable extensions in the Universal Editor.
Choose Your Form Type
Universal Editor supports two form creation approaches:
Schema-Based Form
Schema-based forms automatically configure data sources and bind form fields to data. This approach is ideal for new forms with well-defined data structures.
Create Schema-Based Form
-
Access Forms Console
- Log in to your Experience Manager Forms Author instance
- Navigate to ÃÛ¶¹ÊÓÆµ Experience Manager > Forms > Forms & Documents
-
Start Form Creation
- Select Create > Adaptive Forms
- Choose an Edge Delivery Services template
- Click Create when enabled
-
Configure Data Model
- Go to the Data tab
- Select Form Data Model (FDM) for multiple data sources or JSON Schema for single backend system
- Choose your created FDM (e.g., Pet Form Data Model)
-
Complete Form Setup
- Enter Name and Title
- Specify GitHub URL (e.g.,
https://github.com/wkndforms/edsforms
) - Click Create
Verify Schema-Based Form
The form opens in Universal Editor with pre-configured data binding:
Non-Schema-Based Form
Non-schema forms require manual data source configuration and field binding. This approach offers flexibility for existing forms or complex requirements.
Create Non-Schema-Based Form
-
Access Form Properties
- Log in to your Experience Manager Forms Author instance
- Navigate to ÃÛ¶¹ÊÓÆµ Experience Manager > Forms > Forms & Documents
- Select your form and click Properties
-
Configure Form Model
- Open the Form Model tab
- Select Form Data Model (FDM) from the Select From dropdown
- Choose your FDM from the list
-
Confirm Configuration
- Click OK in the warning dialog
- Click Save & Close
Add Data Elements
-
Open Form for Editing
- The form opens in Universal Editor
-
Access Data Source Elements
- Go to the Datasource tab in the Content Browser
- View available data elements from your FDM
-
Add Elements to Form
- Select data elements and click Add
- Or drag-drop elements to build your form
Add Manual Data Binding
For existing form fields, add data binding through the Bind Reference property:
-
Open Field Properties
- Select the form field for binding
- Open its properties panel
-
Configure Bind Reference
- Go to the Bind Reference property
- Click the Browse icon
-
Select Data Element
- Choose from the data source tree in the Select a Bind Reference wizard
- Select the desired data element and click Select
-
Verify Binding
- The form field now binds to the data element
- The binding appears in the Bind Reference property
Verify Integration
After completing the integration:
- Test data binding: Verify form fields display correct data
- Validate submissions: Ensure data saves to configured sources
- Check error handling: Test with invalid data scenarios
Next Steps
Configure submit actions to complete your form workflow.