Coveo Date Facet Slider
Coveo Date Facet Slider
|
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
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.
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](/en/assets/images/c4sc-v5/DateFacetSliderSample.png)