React RangeSelector - sliderMarker
When moving a slider, its marker displays the currently selected scale value. Use the sliderMarker object to set the required options for the range selector slider markers. For instance, you can format the markers' text, change the text font, or make the markers invisible.
color
This option supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
To set a custom color for the font used to display the slider markers' text, use the color property.
invalidRangeColor
Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values.
placeholderSize
Use the placeholderHeight and indent options instead.
Specifies in pixels the height and width of the space reserved for the range selector slider markers.
You can set a numeric value to this property. This value will be used as a width and height of both the left and right slider markers. You can also set individual values for a width and height, and make them similar or different for the left and right slider markers. To do this, specify placeholderSize as an object. When setting this object's properties, take into account the font size of the text displayed in the slider markers.
You may need to set this property, when you need to know the exact size of the RangeSelector widget elements in vertical and horizontal directions. For instance, this may be required when displaying an image in the background in a stretched mode. To get the background height, subtract the scale's placeholder height and the slider markers' placeholder height from the RangeSelector's height. To get the background width, subtract the placeholder widths of slider markers from the RangeSelector's width.
If you have technical questions, please create a support ticket in the DevExpress Support Center.