CT4.US

The {{ html.searchrange }} function creates a dual-handle range slider (from–to) that allows users to filter numeric table data within a selected range.

Usage

{{ html.searchrange(field,min,max,step,color,handlers,CSS_Class) }}

Parameters:

1. Field (Required)
   Specifies which table field to search within.
   • Example: {{ html.searchrange('price',0,100,1) }}
2. Min (Required)
   Defines the minimum value of the slider range.
3. Max (Required)
   Defines the maximum value of the slider range.selection.
4. Step (Required)
   Defines the increment step between values (e.g., 1, 0.5, 10).
5. Color
   Defines the background color of the slider (e.g., ‘grey’, ‘#0000FF’, ‘green’).
6. Handles Behavior
   Controls how the slider handles interact with each other:
   • Default Styling – Standard independent handles
   • fit – Fit Handles Within Slider – Handles stay within slider bounds
   • no-overlap – Don’t Overlap Handles – Prevents handles from crossing each other
7. CSS Class
   Defines custom styling by specifying one or more CSS class names, separated by spaces.