Auto-Complete in Form
You can turn any field of a form into auto-complete. It will bring data/options dynamically from the collection field bound to it.
How to Turn a Field into an Auto-Complete Field?
You can turn fields of any type of form into auto-complete fields. Here, we have shown the fields inside a collection form.
1. Open Settings of the Input Component
Once you have dropped a collection form, bind a collection to it. Then, open the input component's settings of the field that you want to auto-complete.
2. Tick the Checkbox
In the settings of the input component, you will find an auto-complete checkbox. Tick the checkbox to auto-complete the field.
3. Bind the Collection
After ticking the checkbox, an option to bind collection would appear. Bind the collection that you have bound to the collection form.
4. Bind the Filter
After binding the collection, a new set of options would appear. One of them would be for binding filters. Proceed to the filter option and select the All Items filter.
5. Select the Field
Once you have bound the filter, go to the Field option and select the collection field whose data you want to display in auto-complete.
6. Preview or Publish
Now open the page in the preview or publish mode and click on the input component of the field that you have auto-completed. You will find, unlike other input boxes, search is written inside it as the placeholder. As you type an alphabet in the input bar, all data containing that alphabet will start showing in the form of a dropdown.
