Questions on HTML5 Forms | Community
Skip to main content
K
kolluax
Level 3
January 30, 2025
Solved

Questions on HTML5 Forms

  • January 30, 2025
  • 1 reply
  • 695 views

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/formsanddocuments&template=test.xdp)

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

 

Best answer by workflowuser

You will have to setup reverse proxy with the web server 

similar to embedding Adaltive Form in extern web page 

1 reply

W
Adobe Employee
workflowuserAdobe Employee
Adobe Employee
January 31, 2025

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

K
kolluaxAuthor
Level 3
January 31, 2025

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-web-page" .

 

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

 

Regards,

Abhishek

 

Khushwant_Singh
Adobe Employee
Khushwant_SinghAdobe Employee
Adobe Employee
February 4, 2025

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

    Terms & ConditionsAccessibility statement

    Loading footer...