Search number range component

Implements a number range widget for the Search Filter component.

Basic usage

{
    "search": {
        "categories": [
            {
                "id": "contentSizeRange",
                "name": "Content Size (range)",
                "enabled": true,
                "component": {
                    "selector": "number-range",
                    "settings": {
                        "field": "cm:content.size",
                        "format": "[{FROM} TO {TO}]"
                    }
                }
            }
        ]
    }
}

Settings

Details

This component lets the user specify a range between two predefined numbers based on the particular field. See the Search filter component for full details of how to use widgets in a search query.

Range query format

See the Search for ranges page in the ACS docs for more information about the date range format.

The format setting specifies how the date is displayed textually. Most of the format is displayed as-is but you can use {FROM} and {TO} markers to interpolate the range limits into the format string:

"settings": {
    "field": "cm:content.size",
    "format": "[{FROM} TO {TO}]"
}

The format above would be displayed at runtime as follows:

cm:content.size:[0 TO 100]

See also

• Search Configuration Guide
• Search filter chips component
• Search filter component
• Search check list component
• Search date range component
• Search number range component
• Search radio component
• Search slider component
• Search text component