Image Field in Adaptive Forms
Haven’t you come across a scenario, where the business wants you to emulate the paper based version of the forms as is on web channel ? If so, then I think the hardest part of such requests is to have an Image Field in Adaptive Form. It is like where the person filling up the form should be able to attach and then see or preview the passport size photograph or may be some other photograph while within the form’s view. Adaptive Forms only provide a hyperlink to the uploaded image. This link when clicked, depending upon your browser’s settings, will either open the image in a new tab or download it.
Another important reason for this being popular is because there is a similar widget already present in Mobile Forms aka XDPs aka XFA Forms aka Form Templates.
Another related scenario is where you have to also ensure that this image is also similarly visible is the print channel or the Document of Record. This is an equally hard thing to implement, if not harder for developers and consultants. We will be looking at the Document of Record integration in a future article. In this article we will stick to basic implementation of Image Field in Adaptive Form. In fact, there are two ways to achieve this, using the Out Of the Box File Upload widget or by creating a custom widget. For now, let us look into the implementation using OOTB File Upload Component.
I have created a blog post with step by step details for implementing Image Field in Adaptive Form , on AEM Forms Blog
In case you have any troubles implementing this, please feel free to ask your questions here.
Thanks & regards,
Jagjeet Singh