New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

Defines the fluent interface for configuring the Slider<T>component.

Definition

Constructors

Initializes a new instance of the SliderBuilder<T>class.

C#
public SliderBuilder(Slider<T> component)
Parameters:componentSlider<T>

The component.

Methods

Sets the title of the slider decrease button.

C#
public SliderBuilder<T> DecreaseButtonTitle(string title)
Parameters:titlestring

The decrease button title text.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.DecreaseButtonTitle("down")
)

Sets the title of the slider draghandle.

C#
public SliderBuilder<T> DragHandleTitle(string title)
Parameters:titlestring

The draghandle title text.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.DragHandleTitle("change value")
)

Configures the client-side events.

C#
public SliderBuilder<T> Events(Action<SliderEventBuilder> events)
Parameters:eventsAction<SliderEventBuilder>

The client events action.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("Slider")
.Events(events =&gt;
events.OnChange("onChange"))
)

Sets the title of the slider increase button.

C#
public SliderBuilder<T> IncreaseButtonTitle(string title)
Parameters:titlestring

The increase button title text.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.IncreaseButtonTitle("up")
)

Sets the delta with which the value will change when user click on the slider.

C#
public SliderBuilder<T> LargeStep(T value)
Parameters:valueT

The large step value.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.LargeStep(10)
)

Sets the maximum value of the slider.

C#
public SliderBuilder<T> Max(T value)
Parameters:valueT

The maximum value.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.Max(20)
)

Sets the minimum value of the slider.

C#
public SliderBuilder<T> Min(T value)
Parameters:valueT

The minimum value.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.Min(1)
)

Sets orientation of the slider.

C#
public SliderBuilder<T> Orientation(SliderOrientation orientation)
Parameters:orientationSliderOrientation

The orientation value.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.Orientation(SliderOrientation.Horizontal)
)

Sets whether slider to be rendered with increase/decrease button.

C#
public SliderBuilder<T> ShowButtons(bool? value)
Parameters:valuebool?

The boolean value that controls the appearance of the increase and decrease buttons.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.ShowButtons(false)
)

Sets the step with which the slider value will change.

C#
public SliderBuilder<T> SmallStep(T value)
Parameters:valueT

The small step value.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.SmallStep(1)
)

Sets a value indicating how to display the tick marks on the slider.

C#
public SliderBuilder<T> TickPlacement(SliderTickPlacement tickPlacement)
Parameters:tickPlacementSliderTickPlacement

The tick placement value.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.TickPlacement(SliderTickPlacement.TopLeft)
)

Use it to configure tooltip.

C#
public SliderBuilder<T> Tooltip(Action<SliderTooltipBuilder> action)
Parameters:actionAction<SliderTooltipBuilder>

Use builder to set different tooltip options.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("Slider")
.Tooltip(tooltip =&gt; tooltip
.Enable(true)
.Format("{0:P}")
);
)

Display tooltip while drag.

C#
public SliderBuilder<T> Tooltip(bool value)
Parameters:valuebool

The boolean value that disables or enables the tooltip.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.Tooltip(false)
)

Sets the value of the slider.

C#
public SliderBuilder<T> Value(T? value)
Parameters:valueT?

The value of the component.

Returns:

SliderBuilder<T>

Example:
C#
@( Html.Kendo().Slider()
.Name("slider")
.Value(5)
)