SliderModel
Interface representing the Slider class.
Properties
colorRange ColorRangeDataModel
Specifies the color properties to display with in ranges of the slider.
Default: {}
cssClass String
Specifies CSS classes to customize the appearance of the control.
Default: ""
customValues String[] Number[]
Specifies a collection of custom value instead of using a range. When Using custom values, min and max values will be ignored.
Default: ""
enabled Boolean
Specifies whether the textbox is enabled or not.
Default: true
enableAnimation Boolean
Specifies whether to add animation to the slider movement.
Default: true
enableHtmlSanitizer Boolean
Specifies whether to allow the rendering of untrusted HTML and JavaScript values withing the control. When true, any untrusted strings or scripts will be remote before rendering.
Default: false
enableRtl Boolean
Specifies whether to render the control in right to left direction.
Default: false
enableState Boolean
Specifies whether to persist the state of the control between page loads.
- value
Default: false
limits LimitDataModel
Specifies the settings to enabled limits for moving the slider.
Default: {}
locale String
Specifies the culture and localization value for this control, overriding the globally defined value.
Default: en-US
max Number
Specifies the maximum value allowed to be entered in the slider.
Default: 100
min Number
Specifies the minimum value allowed to be entered in the slider.
Default: 0
orientation SliderOrientation
Specifies the orientation of the slider, vertical or horizontal.
Default: Horizontal
readonly Boolean
Specifies whether the control is readonly disabling all user interaction with the control.
Default: false
showButtons Boolean
Specifies whether to show or hide the increase/decrease buttons.
Default: false
step Number
Specifies the incremental and decremental step size.
Default: 1
ticks TicksDataModel
Specifies the settings to the tick marks.
Default: { placement: 'None', smallStep: 1, largeStep: 10 }
tooltip TooltipDataModel
Specifies the settings to the tooltip.
Default: { placement: 'Before', showOn: 'Focus' }
type SliderType
Specifies the type of slider.
Default: Default
value Number Number[]
Specifies the value/values of the slider.
Default: null
width String Number
Defines the width of the control in either pixels, number, or percentage.
Default: null
Events
change EmitType<SliderChangeEventArgs>
Event callback that is raised when the value of the slider has been changed. When dragging the handle, this event will be raised once dragging has stopped.
created EmitType<CreatedEventArgs>
Event callback that is raised when the control has been created.
move EmitType<SliderChangeEventArgs>
Event callback that is raised when the slider handle has moved. When dragging the handle, this event will be raised every time the handle moves to a new tick mark.
renderedTicks EmitType<SliderTickRenderedEventArgs>
Event callback that is raised when all tick marks have been rendered.
renderingTicks EmitType<SliderTickRenderingEventArgs>
Event callback that is raised before the rendering of each tick mark.
tooltipChange EmitType<SliderTooltipEventArgs>
Event callback that is raised when the tooltip value has been changed.