Questions on HTML5 Forms

[kolluax]

Hi All,

We are exploring HTML5 forms to be able to complete and submit the forms from Mobile devices. I had few questions related to this and would greatly appreciate if anyone already working with HTML5 forms could provide more insights.

1. What is the best way to deliver/serve these HTML5 forms, should we build a Forms Portal (using Search and Lister Component) then configure it show all XDP templates uploaded to /content/dam/formsanddocuments ? OR Expose a REST endpoint (http://aempublisher.corp:4503/content/xfaforms/profiles/default.html?contentRoot=crx:///content/dam/...)

With the API approach, I am required to tweak the paths to Client libraries as without those the form is not rendered correctly. Example the below paths,

/etc.clientlibs/fd/xfaforms/clientlibs/profile.js

/etc.clientlibs/clientlibs/granite/jquery/granite/csrf.js

/etc.clientlibs/fd/xfaforms/clientlibs/I18N/en_US.js

/etc.clientlibs/fd/xfaforms/clientlibs/profile.css

I was planning to modify the rendered file that generates this HTML source to include the server name before these paths so they are accessible. Is this a good approach?

2. We design our XDP with some custom fonts, How do we manage custom fonts when rendering HTML forms ? unlike PDF they cannot carry the fonts. Should the system that calls the API have these fonts available on their server ?

Thanks,

Abhishek

[workflowuser]

Approach 1 is better

for custom fonts refers to. Question 7 in this FAQs 

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/forms/html5-forms/faq

[kolluax]

Thank you, the reason i mentioned the API approach, we have external teams who are also interested to embed the form on their web page. I was following the article at "https://experienceleague.adobe.com/en/docs/experience-manager-learn/forms/adaptive-forms/embed-af-we... .

Not sure how to handle the client libraries to make the form render correctly on their web pages. 

Regards,

Abhishek

[Khushwant_Singh]

@workflowuser , can you help how to handle the client libraries to make the form render correctly on their web pages?

[workflowuser · Accepted solution]

You will have to setup reverse proxy with the web server 

similar to embedding Adaltive Form in extern web page