ejSlider
Namespace: Wisej.Web.Ext.Syncfusion
Assembly: Wisej.Web.Ext.Syncfusion (4.1.0.0)
The Slider provides support to select a value from a particular range as well as selects a range value. The Slider has a sliding base on which the handles are moved. There are three types of Sliders such as default Slider, min-range Slider and range Slider.
- C#
- VB.NET
public class ejSlider : ejBase
Public Class ejSlider
Inherits ejBase
The widget is created on an inner element with a top margin of 10 pixels. The width of the slider follows the width of the control, while its height is determined by the widget and does not change when the control is resized.
Constructors
ejSlider()
Constructs a new instance of the ejSlider class.
Example:
The following example creates the slider and sets the range and the value through the options.
var slider = new ejSlider();
slider.Options.minValue = 0;
slider.Options.maxValue = 100;
slider.Options.value = 40;
slider.Options.showTooltip = true;
slider.Size = new Size(300, 40);
this.Controls.Add(slider);
ejSlider(options)
Constructs a new instance of the ejSlider class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a min-range slider that changes by 50 at each step and shows the value selected by the user.
var slider = new ejSlider(new
{
sliderType = "minrange",
minValue = 0,
maxValue = 1000,
incrementStep = 50,
value = 300
});
slider.Instance.onChange += new WidgetEventHandler((s, e) =>
{
AlertBox.Show($"Value: {e.Data.value}");
});
slider.Size = new Size(300, 40);
this.Controls.Add(slider);