Coveo Result Layout

This is for:

Developer System Administrator

In this article

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

Legacy feature

This article pertains to the Coveo Hive framework which is now in maintenance mode.

Choose one of Coveo’s more modern, lightweight, and responsive libraries for any future search interface development. See the search interface Implementation guide for more details.

Implements the Coveo JavaScript Search Framework ResultLayoutSelector component which lets users switch between results list Results layout values (that is, 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.