SETUP INSTRUCTIONS
Step 1: Prepare your Input
[] Place a standard Input element on your page. [] Go to the input's property editor and scroll to the bottom.
In the ID Attribute field, type a unique ID (e.g., my-search-box
). (Note: If you don't see the ID field, go to Settings -> General -> Check "Expose the option to add an ID attribute to HTML elements")

Step 2: Add the Plugin Element
[] Drag the Auto-Complete element onto your page (it is invisible, so place it anywhere). [] In the property editor for the plugin, set the Input Element ID to match the ID you created in Step 1.

Step 3: Connect Data
[] In the List of Options field, load your data source (e.g., Search for Fruit's Name
). [] Set the Minimum Length (e.g., 0 to show immediately, or 2 to wait until they type).

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

ELEMENT PROPERTIES

Input Element ID i[/i] The exact HTML ID Attribute of the Bubble Input element you want to attach the dropdown to.

List of Options (List of https://www.google.com/search?q=Text) The list of text strings that will appear in the dropdown. Usually a dynamic search from your database.

Minimum Length i[/i] The number of characters a user must type before the dropdown appears.
[] Set to 0 to show the list immediately when the user clicks the input. [] Set to 1 or higher to wait until the user starts typing.