Auto suggest feature in AEM 6.3 adaptive forms

Thanks james.. this is really helpful

Hi prabuj201987​

You will need to do some reading around that area, there are plenty of articles online, a good place to start is here:

Adobe Experience Manager Help | Developing User Guide

Start off with a very simple aem site component before going on to a custom form widget. The form widgets are more complex in my opinion.

Hi James, Thanks for the reply.

Could you please let me know how to copy the guidetextbox to my project in CRX? I am using an adaptive form.

Sorry if my question is very basic,  i am new to this and mostly work without using CRX.

There isn't anything like this out of the box.

I will assume you know how to code this in HTML and JS outside of AEM.I would look at creating a custom widget.

To get started:

1) Copy the guidetextbox from /libs/fd/af/components/guidetextbox into your project

2) Delete the widget.jsp and replace with a widget.html like the following:

3) Create a client library with a category of af.customwidgets.

4) In the client library add code as follows:

5) Change the CLASS_FOR_YOUR_TEXTBOX and YOUR_WIDGETNAME

6) Add listeners for when text is entered and perform JS code for "auto suggest" feature