New to Telerik UI for .NET MAUIStart a free 30-day trial

Represents a slider control that displays a start-end range in a given min-max range. The end user can change the values of the range by dragging the start thumb, end thumb, and range track. This control can display ticks and labels for clarity of what the underlying min-max range is, and can display tooltips for clarity of what the value corresponding to the dragged element is.

Definition

Namespace:Telerik.Maui.Controls

Assembly:Telerik.Maui.Controls.dll

Syntax:

C#
public class RadRangeSlider : RadSliderBase, IRadContentView, IContentView, IView, IElement, ITransform, IPadding, ICrossPlatformLayout

Inheritance: objectRadContentViewRadSliderBaseRadRangeSlider

Implements: IContentViewICrossPlatformLayoutIElementIPaddingIRadContentViewITransformIView...

Inherited Members RadSliderBase.ControlTemplatePropertyRadSliderBase.MinimumPropertyRadSliderBase.MaximumPropertyRadSliderBase.TickStepPropertyRadSliderBase.LabelStepPropertyRadSliderBase.StringFormatPropertyRadSliderBase.StringConverterPropertyRadSliderBase.BackTrackThicknessPropertyRadSliderBase.BackTrackStylePropertyRadSliderBase.TicksPlacementPropertyRadSliderBase.InRangeTickColorPropertyRadSliderBase.OutOfRangeTickColorPropertyRadSliderBase.TickLengthPropertyRadSliderBase.TickThicknessPropertyRadSliderBase.InRangeTickStylePropertyRadSliderBase.OutOfRangeTickStylePropertyRadSliderBase.TickStyleSelectorPropertyRadSliderBase.TickTemplatePropertyRadSliderBase.LabelsPlacementPropertyRadSliderBase.TextColorPropertyRadSliderBase.FontFamilyPropertyRadSliderBase.FontSizePropertyRadSliderBase.LabelStylePropertyRadSliderBase.LabelStyleSelectorPropertyRadSliderBase.LabelTemplatePropertyRadSliderBase.SnapModePropertyRadSliderBase.TickOriginPropertyRadSliderBase.BackTrackExtentPropertyRadSliderBase.BackTrackColorPropertyRadSliderBase.RangeTrackFillPropertyRadSliderBase.RangeTrackStylePropertyRadSliderBase.ActualBackTrackStylePropertyRadSliderBase.ActualRangeTrackStylePropertyRadSliderBase.TooltipStringFormatPropertyRadSliderBase.TooltipContentTemplatePropertyRadSliderBase.TooltipControlTemplatePropertyRadSliderBase.OnApplyTemplate()RadSliderBase.MeasureOverride(double, double)RadSliderBase.ArrangeOverride(Rect)RadSliderBase.ChangeVisualState()RadSliderBase.ControlTemplateRadSliderBase.MinimumRadSliderBase.MaximumRadSliderBase.TickStepRadSliderBase.LabelStepRadSliderBase.StringFormatRadSliderBase.StringConverterRadSliderBase.BackTrackThicknessRadSliderBase.BackTrackStyleRadSliderBase.ActualBackTrackStyleRadSliderBase.TicksPlacementRadSliderBase.InRangeTickColorRadSliderBase.OutOfRangeTickColorRadSliderBase.TickLengthRadSliderBase.TickThicknessRadSliderBase.InRangeTickStyleRadSliderBase.OutOfRangeTickStyleRadSliderBase.TickStyleSelectorRadSliderBase.TickTemplateRadSliderBase.LabelsPlacementRadSliderBase.TextColorRadSliderBase.FontFamilyRadSliderBase.FontSizeRadSliderBase.LabelStyleRadSliderBase.LabelStyleSelectorRadSliderBase.LabelTemplateRadSliderBase.SnapModeRadSliderBase.TickOriginRadSliderBase.BackTrackExtentRadSliderBase.BackTrackColorRadSliderBase.RangeTrackFillRadSliderBase.RangeTrackStyleRadSliderBase.ActualRangeTrackStyleRadSliderBase.TooltipStringFormatRadSliderBase.TooltipContentTemplateRadSliderBase.TooltipControlTemplateRadContentView.ActualStyleClassPropertyRadContentView.OnChildAdded(Element)RadContentView.OnChildRemoved(Element, int)RadContentView.OnBindingContextChanged()RadContentView.OnHandlerChanged()...

Constructors

Initializes a new instance of the class.

C#
public RadRangeSlider()

Fields

Identifies the ActualEndThumbStyle property.

C#
public static readonly BindableProperty ActualEndThumbStyleProperty

Identifies the ActualStartThumbStyle property.

C#
public static readonly BindableProperty ActualStartThumbStyleProperty

DragModeProperty

BindableProperty

Identifies the DragMode property.

C#
public static readonly BindableProperty DragModeProperty

EndThumbFillProperty

BindableProperty

Identifies the EndThumbFill property.

C#
public static readonly BindableProperty EndThumbFillProperty

EndThumbStyleProperty

BindableProperty

Identifies the EndThumbStyle property.

C#
public static readonly BindableProperty EndThumbStyleProperty

RangeEndProperty

BindableProperty

Identifies the RangeEnd property.

C#
public static readonly BindableProperty RangeEndProperty

RangeStartProperty

BindableProperty

Identifies the RangeStart property.

C#
public static readonly BindableProperty RangeStartProperty

StartThumbFillProperty

BindableProperty

Identifies the StartThumbFill property.

C#
public static readonly BindableProperty StartThumbFillProperty

StartThumbStyleProperty

BindableProperty

Identifies the StartThumbStyle property.

C#
public static readonly BindableProperty StartThumbStyleProperty

Properties

Gets or sets the actual style that will be applied to the end thumb. This is a merger of the custom EndThumbStyle and the default style.

C#
public Style ActualEndThumbStyle { get; }

Gets or sets the actual style that will be applied to the start thumb. This is a merger of the custom StartThumbStyle and the default style.

C#
public Style ActualStartThumbStyle { get; }

Gets or sets a value indicating what elements the end-user can drag.

C#
public RangeSliderDragMode DragMode { get; set; }

Gets or sets the custom color that is to be applied to the end thumb.

C#
public Color EndThumbFill { get; set; }

Gets or sets the custom style that is to be applied to the end thumb (TargetType SliderThumb). This style is merged with the default style and the resulting merged style is set to the ActualEndThumbStyle property, and this is the style that is actually applied to the element.

C#
public Style EndThumbStyle { get; set; }

Gets or sets the end value of the range.

C#
public double RangeEnd { get; set; }

Gets or sets the start value of the range.

C#
public double RangeStart { get; set; }

Gets or sets the custom color that is to be applied to the start thumb.

C#
public Color StartThumbFill { get; set; }

Gets or sets the custom style that is to be applied to the start thumb (TargetType SliderThumb). This style is merged with the default style and the resulting merged style is set to the ActualStartThumbStyle property, and this is the style that is actually applied to the element.

C#
public Style StartThumbStyle { get; set; }

Events

RangeChanging

EventHandler<RangeChangingEventArgs>

An event that is raise when the end-user drags a thumb or the range track. This event allows for plugging in custom logic by changing the RangeStart and RangeEnd properties.

C#
public event EventHandler<RangeChangingEventArgs> RangeChanging