General Information

.NET Subscription

What's Included

DevExpress Installation

DevExpress Code Examples

Common Tools

Project Converter

Assembly Deployment Tool

Localization Service

Quality Assurance and Productivity

CodeRush for Visual Studio (FREE)

TestCafe Studio

Desktop

Controls

Tools

WinForms Skin Editor

WPF Theme Designer

WPF Theme Editor (Legacy)

Coded UI Test Extension

Frameworks and Libraries

XAF - Cross-Platform .NET App UI

XPO - .NET ORM Library (FREE)

Drawing Graphics Library

.NET App Security & Web API Service (FREE)

Web

Controls and Extensions

ASP.NET Web Forms Controls

ASP.NET MVC Extensions

ASP.NET Core Controls

ASP.NET Bootstrap Controls

DevExtreme ASP.NET MVC Controls

Blazor Components

Tools

ASP.NET Theme Builder

ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

Xamarin UI Controls (FREE)

.NET MAUI (FREE)

Enterprise and Analytic Tools

Report and Dashboard Server

Office File API

End-User Documentation

Interface Elements for Desktop

Interface Elements for Web

Dashboard for Desktop

Dashboard for Web

JavaScript/jQuery RangeSelector - sliderMarker

Defines the properties of the range selector slider markers.

Type:

When moving a slider, its marker displays the currently selected scale value. Use the sliderMarker object to set the required properties for the range selector slider markers. For instance, you can format the markers' text, change the text font, or make the markers invisible.

color

Specifies the color of the slider markers.

Type:

Default Value: '#9B9B9B'

This property supports the following colors:

Hexadecimal colors
RGB colors
RGBA colors
Predefined/cross-browser color names
Predefined SVG colors
Paint server address

To set a custom color for the font used to display the slider markers' text, use the color property.

customizeText

Specifies a callback function that returns the text to be displayed by slider markers.

Type:

Function parameters:

scaleValue:

Information on the scale value.

Object structure:

Name

Type

Description

value

|

|

The raw value.

valueText

The formatted value converted to a string.

Return Value:

The text for the slider marker to display.

Cannot be used in themes.

NOTE

As an alternative to the function’s parameter you can use the this keyword.

font

Specifies font properties for the text displayed by the range selector slider markers.

Type:

format

Formats a value before it is displayed in a slider marker.

Type:

Default Value: undefined

See the format section for details on accepted values.

See Also

Data Formatting

invalidRangeColor

Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values.

Type:

Default Value: 'red'

paddingLeftRight

Specifies the empty space between the marker's left and right borders and the marker's text.

Type:

Default Value: 4

paddingTopBottom

Specifies the empty space between the marker's top and bottom borders and the marker's text.

Type:

Default Value: 2

placeholderHeight

Specifies the placeholder height of the slider marker.

Type:

Default Value: undefined

Cannot be used in themes.

visible

Indicates whether or not the slider markers are visible.

Type:

Default Value: true

Feedback

Was this page helpful?

Thanks for your feedback!
Any other suggestions? Tell us here.

Additional Feedback