Embedding Headless Adaptive Form
This tutorial will cover the various headless APIs that allow you to list, display and submit the form.
This article will cover the various headless APIs that are provided to allow you to list, display and submit adaptive forms in a headless manner.
This article assumes you have an existing single-page app and would like to list and display the headless adaptive forms in your spa web site.
The following screenshot shows a contact us form being embedded in SPA
Prerequisites
-
React experience
-
Running instance of AEM Forms 6.5.16
Next Steps
Previous pageTest the solution
Next page2 - Install Dependencies
Experience Manager
- Overview
- Best practices to follow
- Setting up OKTA authentication with AEM Author
- Creating your first Adaptive Form
- Handling Form Submissions
- Useful Integrations
- Creating OSGi bundle
- Adaptive Forms
- Fill a PDF form with ChatBot
- Core- Components based forms
- Select and assemble DAM folder content
- Prefilling adaptive form using form data model
- UI Tips and Tricks
- Customizing inbox
- Email form attachments
- Prefilling form with data and attachments
- Storing and Retrieving Adaptive Form
- Import data from pdf file
- Exporting Submitted Data in CSV Format
- HTML5 Forms
- AEM Forms and Acrobat Sign
- Sign Multiple Forms
- Custom workflow steps
- Custom workflow component
- Variables in AEM Workflow
- Review form data
- Storing and Retrieving Form Data in MySQL DB
- Triggering AEM Workflow on PDF Form submission
- Trigger AEM workflow on Mobile Form Submission
- Querying Form Submissions
- Listing Custom Asset Types in Forms Portal
- AEM Forms With Marketo
- AEM Forms with Adobe Campaign Standard
- Welcome Kit
- Headless Forms API
- React App with Forms and Acrobat Sign
- Document Services
- Forms Designer
- AEM Forms Workbench
- Interactive Communications for Print Channel
- Save and Retrieve Draft Letters
- Interactive Communications
- Interactive Communications For Web Channel
- Troubleshooting