This feature allows the generation of points along the slider.
Five options can be set: mode to determine where to place pips, values as additional options for mode, stepped to round pip values to the slider stepping, density to pre-scale the number of pips, and filter to manually modify pip size.
The density value controls how many pips are placed on one percent of the slider range. With the default value of 1, there is one pip per percent. For a value of 2, a pip is placed for every 2 percent. A value below one will place more than one pip per percentage.
All sliders on the page use the same range.
The pips feature is also exposed in the public API. This could be useful to update or remove pips after slider creation.
The range mode uses the slider range to determine where the pips should be. A pip is generated for every percentage specified.
Like range, the steps mode uses the slider range. In steps mode, a pip is generated for every step. The filter option can be used to filter the generated pips.
The filter function must return:
-1 (no pip at all)0 (no value)1 (large value)2 (small value)Arguments to the filter function are the value (number) and the type (0, 1 or 2 like above).
Here, we'll use large values for every step matching a thousand (1000, 2000, 3000), and small values for every step matching 500 (2500, 3500, 4500).
The Pips add-on supports format in the same way the slider itself does.
Pips are written as HTML. When using user-supplied values in the format option, they might need to be escaped.
In positions mode, pips are generated at percentage-based positions on the slider. Optionally, the stepped option can be set to true to match the pips to the slider steps.
The count mode can be used to generate a fixed number of pips. As with positions mode, the stepped option can be used.
The values mode is similar to positions, but it accepts values instead of percentages. The stepped option can be used for this mode.
Note how overlapping pips are merged with the stepped option set.