Range Slider Widget
When to Use
When you have numeric facets (price, rating, year) and want a visual slider interface.
Decision: Range Widget Sub-Module
Module: facets_range_widget
Widgets:
| ID | Class | Purpose |
|---|---|---|
slider |
SliderWidget | Single-value slider |
range_slider |
RangeSliderWidget | Dual-handle range slider (min/max) |
Processors:
| ID | Purpose |
|---|---|
slider_processor |
Process slider input values |
range_slider_processor |
Process range slider min/max values |
Dependencies: jQuery UI Slider, jQuery UI Touch Punch (for touch device support)
Pattern: Setup
drush en facets_range_widget
Then on the facet configuration, select "Slider" or "Range Slider" as the widget.
Common Mistakes
- jQuery UI dependency — The range widget requires jQuery UI Slider. In Drupal 10+, jQuery UI is no longer bundled. You may need
drupal/jquery_ui_slider. - Not a noUiSlider — Unlike BEF sliders (noUiSlider), Facets range widget uses jQuery UI Slider. Different library, different look.
See Also
- Widgets — other widget types
- Value Transformation Processors — granular processor for grouping numbers
- Reference:
modules/facets_range_widget/