Class Slider
Inherited Members
Namespace: Syncfusion.EJ2.Inputs
Assembly: Syncfusion.EJ2.dll
Syntax
public class Slider : EJTagHelper
Constructors
Slider()
Declaration
public Slider()
Properties
Change
We can trigger change event whenever Slider value is changed. In other term, this event will be triggered while drag the slider thumb. {% codeBlock src='slider/changeEvent/index.md' %}{% endcodeBlock %}
Declaration
[HtmlAttributeName("change")]
public string Change { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is null |
Changed
Fires whenever the Slider value is changed. In other term, this event will be triggered, while drag the slider thumb completed.
Declaration
[HtmlAttributeName("changed")]
public string Changed { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is null |
ColorRange
Specifies the color to the slider based on given value.
Declaration
[HtmlAttributeName("colorRange")]
public object ColorRange { get; set; }
Property Value
Type | Description |
---|---|
System.Object | The default value is null |
Created
Triggers when the Slider is successfully created.
Declaration
[HtmlAttributeName("created")]
public string Created { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is null |
CssClass
Specifies the custom classes to be added to the element used to customize the slider. {% codeBlock src='slider/cssClass/index.md' %}{% endcodeBlock %}
Declaration
[HtmlAttributeName("cssClass")]
public string CssClass { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is "" |
CustomValues
Specifies an array of slider values in number or string type. The min and max step values are not considered.
Declaration
[HtmlAttributeName("customValues")]
public object CustomValues { get; set; }
Property Value
Type | Description |
---|---|
System.Object | The default value is null |
EnableAnimation
Enable or Disable the animation for slider movement.
Declaration
[HtmlAttributeName("enableAnimation")]
public bool EnableAnimation { get; set; }
Property Value
Type | Description |
---|---|
System.Boolean | The default value is true |
Enabled
Enable or Disable the slider.
Declaration
[HtmlAttributeName("enabled")]
public bool Enabled { get; set; }
Property Value
Type | Description |
---|---|
System.Boolean | The default value is true |
EnableHtmlSanitizer
Defines whether to allow the cross-scripting site or not.
Declaration
[HtmlAttributeName("enableHtmlSanitizer")]
public bool EnableHtmlSanitizer { get; set; }
Property Value
Type | Description |
---|---|
System.Boolean | The default value is false |
EnablePersistence
Enable or disable persisting component's state between page reloads.
Declaration
[HtmlAttributeName("enablePersistence")]
public bool EnablePersistence { get; set; }
Property Value
Type | Description |
---|---|
System.Boolean | The default value is false |
EnableRtl
Enable or disable rendering component in right to left direction.
Declaration
[HtmlAttributeName("enableRtl")]
public bool EnableRtl { get; set; }
Property Value
Type | Description |
---|---|
System.Boolean | The default value is false |
HtmlAttributes
Allows additional HTML attributes such as title, name, etc., and accepts n number of attributes in a key-value pair format.
Declaration
[HtmlAttributeName("htmlAttributes")]
public object HtmlAttributes { get; set; }
Property Value
Type | Description |
---|---|
System.Object |
Limits
Declaration
[HtmlAttributeName("limits")]
public SliderLimitData Limits { get; set; }
Property Value
Type | Description |
---|---|
SliderLimitData | The default value is null |
Locale
Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
Declaration
[HtmlAttributeName("locale")]
public string Locale { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is "" |
Max
Gets/Sets the maximum value of the slider.
Declaration
[HtmlAttributeName("max")]
public double Max { get; set; }
Property Value
Type | Description |
---|---|
System.Double | The default value is 100 |
Min
Gets/Sets the minimum value of the slider.
Declaration
[HtmlAttributeName("min")]
public double Min { get; set; }
Property Value
Type | Description |
---|---|
System.Double | The default value is 0 |
Orientation
Declaration
[HtmlAttributeName("orientation")]
public SliderOrientation Orientation { get; set; }
Property Value
Type | Description |
---|---|
SliderOrientation | The default value is SliderOrientation.Horizontal |
Readonly
Specifies whether the render the slider in read-only mode to restrict any user interaction. The slider rendered with user defined values and can’t be interacted with user actions.
Declaration
[HtmlAttributeName("readonly")]
public bool Readonly { get; set; }
Property Value
Type | Description |
---|---|
System.Boolean | The default value is false |
RenderedTicks
Triggers when the ticks are rendered on the Slider. {% codeBlock src='slider/renderedticksEvent/index.md' %}{% endcodeBlock %}
Declaration
[HtmlAttributeName("renderedTicks")]
public string RenderedTicks { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is null |
RenderingTicks
Triggers on rendering the ticks element in the Slider, which is used to customize the ticks labels dynamically. {% codeBlock src='slider/renderingticksEvent/index.md' %}{% endcodeBlock %}
Declaration
[HtmlAttributeName("renderingTicks")]
public string RenderingTicks { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is null |
ShowButtons
Declaration
[HtmlAttributeName("showButtons")]
public bool ShowButtons { get; set; }
Property Value
Type | Description |
---|---|
System.Boolean | The default value is false |
Step
Declaration
[HtmlAttributeName("step")]
public double Step { get; set; }
Property Value
Type | Description |
---|---|
System.Double | The default value is 1 |
Ticks
Declaration
[HtmlAttributeName("ticks")]
public SliderTicksData Ticks { get; set; }
Property Value
Type | Description |
---|---|
SliderTicksData | The default value is null |
Tooltip
Specifies the visibility, position of the tooltip over the slider element.
Declaration
[HtmlAttributeName("tooltip")]
public SliderTooltipData Tooltip { get; set; }
Property Value
Type | Description |
---|---|
SliderTooltipData | The default value is null |
TooltipChange
Triggers when the Sider tooltip value is changed. {% codeBlock src='slider/tooltipChangeEvent/index.md' %}{% endcodeBlock %}
Declaration
[HtmlAttributeName("tooltipChange")]
public string TooltipChange { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is null |
Type
Defines the type of the Slider. The available options are: default - Allows to a single value in the Slider. minRange - Allows to select a single value in the Slider. It display’s a shadow from the start to the current value. range - Allows to select a range of values in the Slider. It displays shadow in-between the selection range. {% codeBlock src='slider/types/index.md' %}{% endcodeBlock %}
Declaration
[HtmlAttributeName("type")]
public SliderType Type { get; set; }
Property Value
Type | Description |
---|---|
SliderType | The default value is SliderType.Default |
Value
It is used to denote the current value of the Slider. The value should be specified in array of number when render Slider type as range.
Declaration
[HtmlAttributeName("value")]
public object Value { get; set; }
Property Value
Type | Description |
---|---|
System.Object | The default value is null |
Width
Specifies the width of the Slider.
Declaration
[HtmlAttributeName("width")]
public string Width { get; set; }
Property Value
Type | Description |
---|---|
System.String | The default value is null |