The component exposes a public Web Block with the following signature :

UI Flows > Awesomplete > Awesomplete

• Input Parameters
  • InitialSearchText - initial search text to display on the search input
  • OptionsList - list of options to display to the user as he types a search text (format value + label)
  • SearchPlaceholderText - text to display as the search input widget placeholder
  • MinCharsToSearch - minimul number of types chars threshold to trigger the search and autocomplete (needs to be >= 1)
  • DelayToSearch - Delay in seconds to trigger the search event (useful when handling large datasets; set to 0 to disable the timed search trigger)
  • MaxResultsToDisplay - maximum number of options to display to the user on the results panel (needs to be between 1 and 25)
  • SearchIconPosition - position of the search icon on the search input
    • "left" - search icon is displayed on the left of the input
    • "right" - search icon is displayed on the right of the input
    • (empty or other values) - no icon is displayed
• Events
  • Searched - Triggered when search text changes
    • Returns the current search text
    • Useful to handle search and autocomplete over large datasets
  • SelectionChanged - Triggered when a selection was made
    • Returns the selection that was made by the user in the same format as the input data (value + label)

Drag and drop the Web Block on a page of block, set the inpur parameters as required, as handle the events as needed.

If a large dataset needs to be handled, implement a data source with a limited MaxRecords value and a search filter, and perform a refresh on the action that handles the Searched event. Otherwise, simply fetch the data and submit it to the Block directly.