# Autocomplete for siteSearch in SearchUI

**URL:** <https://discuss.elastic.co/t/autocomplete-for-sitesearch-in-searchui/205283>\
**Category:** Elastic Search\
**Tags:** elastic-site-search\
**Created:** [October 25, 2019, 2:35pm UTC](https://discuss.elastic.co/t/autocomplete-for-sitesearch-in-searchui/205283 "2019-10-25T14:35:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sarrame](https://avatars.discourse-cdn.com/v4/letter/s/b9e5f3/32.png) [@sarrame](https://discuss.elastic.co/u/sarrame)\
**Post date:** [October 25, 2019, 2:35pm UTC](https://discuss.elastic.co/t/autocomplete-for-sitesearch-in-searchui/205283/1 "2019-10-25T14:35:29Z")

</div>

I am trying to fix autocomplete for the SiteSearch Engine with SearchUI. I am unable to fix autocomplete with headless core components(my own build component) whereas it works for "SearchBox" SearchUI built-in component.  
I tried to add "beforeAutocompleteResultsCall" but not working.  
beforeAutocompleteResultsCall: (options, next) =\>  
next({  
...options,  
group: {  
field: 'title'  
}  
})

Please provide help !

---

<div class="post-metadata">

**Author:** ![JasonStoltz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jasonstoltz/32/49893_2.png) [@JasonStoltz](https://discuss.elastic.co/u/JasonStoltz)\
**Post date:** [October 25, 2019, 4:50pm UTC](https://discuss.elastic.co/t/autocomplete-for-sitesearch-in-searchui/205283/2 "2019-10-25T16:50:52Z")

</div>

Hi @sarrame,

Call this action from your custom component:

```auto
setSearchTerm('river', {
  autocompleteResults: true,
  refresh: false
})

```

The details are listed here: [https://github.com/elastic/search-ui/blob/master/ADVANCED.md#actions](https://github.com/elastic/search-ui/blob/master/ADVANCED.md#actions)

After you call that, the results will be populated in the `autocompletedResults` field in state.

Documented here: [https://github.com/elastic/search-ui/blob/master/ADVANCED.md#response-state](https://github.com/elastic/search-ui/blob/master/ADVANCED.md#response-state)

Hope that helps,

Jason

---

<div class="post-metadata">

**Author:** ![sarrame](https://avatars.discourse-cdn.com/v4/letter/s/b9e5f3/32.png) [@sarrame](https://discuss.elastic.co/u/sarrame)\
**Post date:** [October 25, 2019, 5:44pm UTC](https://discuss.elastic.co/t/autocomplete-for-sitesearch-in-searchui/205283/3 "2019-10-25T17:44:11Z")

</div>

Thanks @JasonStoltz for quick response, will try it out !

---

<div class="post-metadata">

**Author:** ![sarrame](https://avatars.discourse-cdn.com/v4/letter/s/b9e5f3/32.png) [@sarrame](https://discuss.elastic.co/u/sarrame)\
**Post date:** [October 28, 2019, 8:02pm UTC](https://discuss.elastic.co/t/autocomplete-for-sitesearch-in-searchui/205283/4 "2019-10-28T20:02:04Z")

</div>

Hi Jason @JasonStoltz , Do we have any example/ demo for Site search with SearchUI ? As I started newly on this I looking out for more options kindly let me know.

---

<div class="post-metadata">

**Author:** ![JasonStoltz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jasonstoltz/32/49893_2.png) [@JasonStoltz](https://discuss.elastic.co/u/JasonStoltz)\
**Post date:** [October 29, 2019, 11:39am UTC](https://discuss.elastic.co/t/autocomplete-for-sitesearch-in-searchui/205283/5 "2019-10-29T11:39:15Z")

</div>

@sarrame

There are demos of Search UI running with App Search, Site Search, and Elasticsearch here: [https://github.com/elastic/search-ui/blob/master/CONTRIBUTING.md#stable-demos](https://github.com/elastic/search-ui/blob/master/CONTRIBUTING.md#stable-demos).

[https://search-ui-stable-site-search.netlify.com/](https://search-ui-stable-site-search.netlify.com/)

The code for that is in our Sandbox example: [https://github.com/elastic/search-ui/blob/master/examples/sandbox/src/App.js](https://github.com/elastic/search-ui/blob/master/examples/sandbox/src/App.js).

Hope that helps.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [November 26, 2019, 11:39am UTC](https://discuss.elastic.co/t/autocomplete-for-sitesearch-in-searchui/205283/6 "2019-11-26T11:39:17Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.