Skip to main content

Slider

Namespace: Wisej.Web.Ext.Syncfusion2

Assembly: Wisej.Web.Ext.Syncfusion2 (4.1.0.0)

The slider component allows you to select a value or range of values between the min and max range.

public class Slider : ej2Base

Constructors​

Instance member Slider()​

Constructs a new instance of the Slider class.

Example:

The following example creates a slider and configures it through the Options object.

var slider = new Slider();
slider.Options.min = 0;
slider.Options.max = 100;
slider.Options.step = 5;
slider.Options.value = 25;
this.Controls.Add(slider);

Instance member Slider(options)​

Constructs a new instance of the Slider class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a slider with ticks and a tooltip that highlights the selected range from the minimum value, and receives the value selected by the user.

var slider = new Slider(new
{
type = "MinRange",
min = 0,
max = 1000,
value = 400,
ticks = new { placement = "After", largeStep = 200, smallStep = 50, showSmallTicks = true },
tooltip = new { isVisible = true }
});
slider.Instance.onChanged += new WidgetEventHandler((s, e) =>
{
AlertBox.Show($"Budget: {e.Data.value}");
});
this.Controls.Add(slider);

Implements​