Class Slider
Inheritance
System.Object
Slider
Assembly: Syncfusion.EJ2.dll
public class Slider : EJTagHelper
Constructors
Declaration
Properties
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
public string Change { get; set; }
Property Value
Type |
Description |
System.String |
|
Fires whenever the Slider value is changed.
In other term, this event will be triggered, while drag the slider thumb completed.
Declaration
public string Changed { get; set; }
Property Value
Type |
Description |
System.String |
|
Declaration
protected override string ClassName { get; }
Property Value
Type |
Description |
System.String |
|
Overrides
Specifies the color to the slider based on given value.
Declaration
public object ColorRange { get; set; }
Property Value
Type |
Description |
System.Object |
|
Triggers when the Slider is successfully created.
Declaration
public string Created { get; set; }
Property Value
Type |
Description |
System.String |
|
Specifies the custom classes to be added to the element used to customize the slider.
{% codeBlock src='slider/cssClass/index.md' %}{% endcodeBlock %}
Declaration
public string CssClass { get; set; }
Property Value
Type |
Description |
System.String |
|
Specifies an array of slider values in number or string type.
The min and max step values are not considered.
Declaration
public object CustomValues { get; set; }
Property Value
Type |
Description |
System.Object |
|
Enables/Disables the animation for slider movement.
Declaration
public bool EnableAnimation { get; set; }
Property Value
Type |
Description |
System.Boolean |
|
Enables or Disables the slider.
Declaration
public bool Enabled { get; set; }
Property Value
Type |
Description |
System.Boolean |
|
Defines whether to allow the cross-scripting site or not.
Declaration
public bool EnableHtmlSanitizer { get; set; }
Property Value
Type |
Description |
System.Boolean |
|
Enable or disable persisting component's state between page reloads.
Declaration
public bool EnablePersistence { get; set; }
Property Value
Type |
Description |
System.Boolean |
|
Enable or disable rendering component in right to left direction.
Declaration
public bool EnableRtl { get; set; }
Property Value
Type |
Description |
System.Boolean |
|
Allows additional HTML attributes such as title, name, etc., and
accepts n number of attributes in a key-value pair format.
Declaration
public object HtmlAttributes { get; set; }
Property Value
Type |
Description |
System.Object |
|
Declaration
protected override bool IsFor { get; }
Property Value
Type |
Description |
System.Boolean |
|
Overrides
Specified the limit within which the slider to be moved.
Refer the documentation here
to know more about this property.
Declaration
public SliderLimitData Limits { get; set; }
Property Value
Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
Declaration
public string Locale { get; set; }
Property Value
Type |
Description |
System.String |
|
Gets/Sets the maximum value of the slider.
Declaration
public double Max { get; set; }
Property Value
Type |
Description |
System.Double |
|
Gets/Sets the minimum value of the slider.
Declaration
public double Min { get; set; }
Property Value
Type |
Description |
System.Double |
|
Declaration
protected override string NameSpace { get; }
Property Value
Type |
Description |
System.String |
|
Overrides
Specifies whether to render the slider in vertical or horizontal orientation.
Refer the documentation here
to know more about this property.
Declaration
public SliderOrientation Orientation { get; set; }
Property Value
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
public bool Readonly { get; set; }
Property Value
Type |
Description |
System.Boolean |
|
Triggers when the ticks are rendered on the Slider.
{% codeBlock src='slider/renderedticksEvent/index.md' %}{% endcodeBlock %}
Declaration
public string RenderedTicks { get; set; }
Property Value
Type |
Description |
System.String |
|
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
public string RenderingTicks { get; set; }
Property Value
Type |
Description |
System.String |
|
Specifies whether to show or hide the increase/decrease buttons
of Slider to change the slider value.
Refer the documentation here
to know more about this property.
Declaration
public bool ShowButtons { get; set; }
Property Value
Type |
Description |
System.Boolean |
|
Specifies the step value for each value change when the increase / decrease
button is clicked or on arrow keys press or on dragging the thumb.
Refer the documentation here
to know more about this property.
Declaration
public double Step { get; set; }
Property Value
Type |
Description |
System.Double |
|
Declaration
protected override string TagName { get; }
Property Value
Type |
Description |
System.String |
|
Overrides
It is used to render the slider ticks options such as placement and step values.
Refer the documentation here
to know more about this property with demo.
{% codeBlock src='slider/ticks/index.md' %}{% endcodeBlock %}
{% codeBlock src="slider/ticks-api/index.ts" %}{% endcodeBlock %}
Declaration
public SliderTicksData Ticks { get; set; }
Property Value
Specifies the visibility, position of the tooltip over the slider element.
Declaration
public SliderTooltipData Tooltip { get; set; }
Property Value
Triggers when the Sider tooltip value is changed.
{% codeBlock src='slider/tooltipChangeEvent/index.md' %}{% endcodeBlock %}
Declaration
public string TooltipChange { get; set; }
Property Value
Type |
Description |
System.String |
|
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
public SliderType Type { get; set; }
Property 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
public object Value { get; set; }
Property Value
Type |
Description |
System.Object |
|
Specifies the width of the Slider.
Declaration
public string Width { get; set; }
Property Value
Type |
Description |
System.String |
|