Coveo Result Layout

This is for:

In this article

Usage notes
Insertion location
Data source options
Sample generated HTML and corresponding visual output

Implements the Coveo JavaScript Search Framework ResultLayoutSelector component which lets users switch between results list Results layout values (i.e., List, Card) used in the page (see Coveo Results List).

Usage notes

Clicking a result layout button hides the Coveo Results List rendering <div> element associated with the other layout option available, whether in a published search page or in the Experience Editor (see Coveo Results List - Sample generated HTML and corresponding visual output).
You can customize the CSS associated with this rendering.

Insertion location

Coveo Hive

The Coveo Result Layout rendering is an Allowed Control in the following placeholder(s): UI Results Header, UI Results Footer, UI Footer, Result layout

Example insertion sequence for the Coveo Result Layout rendering.

Coveo Hive SXA

Coveo for Sitecore SXA rendering insertion locations aren’t limited by placeholder Allowed Controls. The Coveo Result Layout rendering may therefore be inserted throughout the partial design, whether in Coveo for Sitecore or Sitecore placeholders.

Example insertion sequence for the Coveo Result Layout rendering.

Data source options

This rendering has no data source.

Sample generated HTML and corresponding visual output

<div class="CoveoResultLayout></div>

Result Layout example output | Coveo for Sitecore 5