Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Is Possible expose Adaptive Forms "content as service (similar to XFs/CFs) "

Avatar

Level 5

Hi Team

 

I would like add the Adaptive forms (embedded) in webpage which outside of AEM 

 

Here is Use case :

Developing the forms at AEM use these from outside of AEM i.e. embedded to webpages .

 

I am referring below URL , if embedded the adaptive form to webpages any issues Adaptive OOTB Services invoking & responsiveness (mobile devices to achieve omni channel feature)

https://experienceleague.adobe.com/docs/experience-manager-65/forms/adaptive-forms-basic-authoring/e...

 

Regards

Vara

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

You can create Headless adaptive forms. A Headless adaptive form is essentially a JSON structure (schema) consisting form fields (Text box, choices, and many more fields) and corresponding rules (conditional logic) to add interactive behavior to the form. You can use REST APIs in your application or website to request the hosted JSON structure and natively render the JSON structure as a form in your app or website.

 

how-headless-adaprive-forms-work.png

Source URL - https://experienceleague.adobe.com/docs/experience-manager-headless-adaptive-forms/using/architectur...

https://experienceleague.adobe.com/docs/experience-manager-headless-adaptive-forms/using/overview.ht...

Send an email to headlessadaptiveforms@adobe.com from your official email ID to join the early adopter program.

View solution in original post

4 Replies

Avatar

Community Advisor

Hi @varaande 

 

If you are planning to expose the Adaptive form to a WEBPAGE on some other website, easier way would be to iFrame it on the other external website. You might have to add a CSP header to allow the external website to use your content. But this is an easier way to use Adaptive form. 

 

If in case you want to expose it to a mobile app, Content as a service is the way to go. 

 

To do so,

Add your form on an Experience Fragment and Expose the experience fragment using content as a service.

 

 

Thanks

Avatar

Correct answer by
Community Advisor

You can create Headless adaptive forms. A Headless adaptive form is essentially a JSON structure (schema) consisting form fields (Text box, choices, and many more fields) and corresponding rules (conditional logic) to add interactive behavior to the form. You can use REST APIs in your application or website to request the hosted JSON structure and natively render the JSON structure as a form in your app or website.

 

how-headless-adaprive-forms-work.png

Source URL - https://experienceleague.adobe.com/docs/experience-manager-headless-adaptive-forms/using/architectur...

https://experienceleague.adobe.com/docs/experience-manager-headless-adaptive-forms/using/overview.ht...

Send an email to headlessadaptiveforms@adobe.com from your official email ID to join the early adopter program.

Avatar

Level 5

Thank you Rohan.

 

Using either JSON (or XML Schema)  , Can we handle the User's Filled data retrieve which is going to persist into DB & Download as PDF (filled data) in external webpage .

 

 

 

Avatar

Community Advisor

The download as PDF feature for filled data can be handled using DOR (Document of Record).

The DOR can be generated programmatically. (Reference https://experienceleague.adobe.com/docs/experience-manager-learn/forms/adaptive-forms/document-of-re...)

 

As for the saved data which is going to persist in DB, the REST API endpoint is the usual mechanism but as per Headless Form's architecture it should be possible to prefill (fetch) and submit data in JSON format.

Source - https://experienceleague.adobe.com/docs/experience-manager-headless-adaptive-forms/using/architectur...

 

headless-af-architecture.png