---
title: Coveo Omnibox Result List
slug: '3070'
canonical_url: https://docs.coveo.com/en/3070/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Coveo Omnibox Result List
> **Legacy feature**
>
> The Coveo Hive Framework is now in maintenance mode and is no longer recommended for new implementations.
> 
> To build new search experiences, use one of Coveo's more modern, lightweight, and responsive libraries.
> To get started, see the [Build search](https://docs.coveo.com/en/2473/) article.

Implements the [Coveo JavaScript Search Framework](https://docs.coveo.com/en/187/) [CoveoOmniboxResultList](https://coveo.github.io/search-ui/components/omniboxresultlist.html) component which is a result list that renders just below the searchbox and suggests results as users type their query.
By default, selecting a result suggestion opens the corresponding result URI in the browser.

## Usage notes

* Result Suggestions send a query to the index after each keystroke.
Hence, this feature can have a significant impact on your number of queries per month.

* Once inserted, the **Coveo Omnibox Result List** rendering exposes a `Result Templates` placeholder in which you must insert a [Result Template](https://docs.coveo.com/en/3001/) rendering.

* You can [customize the CSS](https://docs.coveo.com/en/2342/) associated with this rendering.

## Insertion location


<div>
<h3>Coveo Hive</h3>
  <p>The <strong>Coveo Omnibox Result List</strong> rendering is an Allowed Control in the following placeholder(s): <code class="highlighter-rouge">Searchbox Components</code></p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/omnibox-result-list-hive.mp4" type="video/mp4" />
  Your browser doesn't support the video tag.
</video>
  <div class="figure-caption">Example insertion sequence for the <strong>Coveo Omnibox Result List</strong> rendering.
  </div>
</div>
<div>
<h3>Coveo Hive SXA</h3>
  <p>When you add the <strong>Coveo Searchbox</strong> SXA rendering, this adds a <code class="highlighter-rouge">coveouisearchboxcomponentssxa</code> placeholder. Insert your <strong>Coveo Omnibox Result List</strong> rendering in this <code class="highlighter-rouge">coveouisearchboxcomponentssxa</code> placeholder.</p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/omnibox-result-list-sxa.mp4" type="video/mp4" />
  Your browser doesn't support the video tag.
</video>
  <div class="figure-caption">Example insertion sequence for the <strong>Coveo Omnibox Result List</strong> rendering.
  </div>
</div>

## Data source options

The following table lists the available data source options for this rendering.

[%header,cols="34%,66%"]
|===
|Option name
|Description

|Header title
|See the [`headerTitle`](https://coveo.github.io/search-ui/components/omniboxresultlist.html#options.headertitle) component option.

|DOM unique ID
a|{empty}
--
Randomly generated HTML element ID.
--

|Additional data attributes
a|{empty}
--
Allows [use of the Coveo JavaScript Search Framework **CoveoOmniboxResultList** component options](https://docs.coveo.com/en/2776/) that aren't directly available in the data source.
--
|===

## Sample generated HTML and corresponding visual output

```xml
<div class="CoveoOmniboxResultList" data-header-title="Result Suggestions">
  <!-- code of the result template(s) inserted in the "Result Templates" placeholder
  of this Coveo Omnibox Result List rendering appears here -->
</div>
```

![Omnibox result list | Coveo for Sitecore 5](https://docs.coveo.com/en/assets/images/c4sc-v5/omnibox-result-list.gif)