Coveo Date Facet Slider

This is for:

Developer System Administrator
Warning
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 FacetSlider component to filter results based on a date field value, using a slider widget to define a date interval.

Usage notes

  • The Sitecore date field which the facet is based on must be included for indexing in the Templates table of the Indexing Manager (see About the Indexing Manager - Fields).

  • Dragging and releasing a facet slider button triggers a new Search API call.

  • You can customize the CSS associated with this rendering.

Insertion location

Coveo Hive

The Coveo Date Facet Slider rendering is an Allowed Control in the following placeholder(s): Facets

Example insertion sequence for the Coveo Date Facet Slider rendering.

Coveo Hive SXA

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

Example insertion sequence for the Coveo Date Facet Slider rendering.

Data source options

Option name Description

Title

See the title component option.

Field

See the field component option.

Facet ID

See the id component option.

Allow users to change the slider minimum value

See the rangeSlider component option.

Number of steps

See the steps component option.

Decimal rounded

See the rounded component option.

Date format

The date format to use to display date values. Uses the Globalize JavaScript plugin format.

Display as percentage

See the displayAsPercent component option.

Separator

The separator to display (see the displayAsValue component option).

Units

The units to display (see the displayAsValue component option).

Minimum

See the start component option.

Maximum

See the end component option.

Apply filter expression only when slider range is modified

See the excludeOuterBounds component option.

Display graph

See the graph component option.

Graph number of steps

See the graph component option.

DOM unique ID

Randomly generated HTML element ID.

Additional data attributes

Allows use of the Coveo JavaScript Search Framework FacetSlider component options that aren’t directly available in the data source.

Sample generated HTML and corresponding visual output

<div id="coveodc1b7e87" class="CoveoFacetSlider coveo-disabled"
data-display-as-percent-enabled="false" data-end="2020-08-31" data-prebind-field="fieldTranslator"
data-field="@evdate" data-id="evdate" data-range-slider="true" data-start="2020-07-29"
data-title="Event Date" data-date-field="true" data-applied-prebind="true">
Image of sample date facet slider | Coveo for Sitecore 5