skip navigation
  • Product Bundles

    DevCraft

    All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:

    • NEW: Design Kits for Figma
    • Online Training
    • Document Processing Library
    • Embedded Reporting for web and desktop

    Web

    Kendo UI UI for Angular UI for Vue UI for jQuery KendoReact UI for Blazor UI for ASP.NET Core UI for ASP.NET MVC UI for ASP.NET AJAX

    Mobile

    UI for .NET MAUI

    Document Management

    Telerik Document Processing

    Desktop

    UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF

    Reporting

    Telerik Reporting Telerik Report Server

    Testing & Mocking

    Test Studio Telerik JustMock

    CMS

    Sitefinity

    AI Productivity Tools

    AI Coding Assistants

    UI/UX Tools

    ThemeBuilder Design System Kit Templates and Building Blocks

    Debugging

    Fiddler Fiddler Everywhere Fiddler Classic Fiddler Everywhere Reporter FiddlerCore

    Free Tools

    KendoReact Free VB.NET to C# Converter Testing Framework
    View all products
  • Overview
  • Demos
    • What's New
    • Roadmap
    • Release History
  • Support and Learning

    • Support and Learning Hub
    • Resources Hub
    • .NET MAUI Tutorials and Learning
    • First Steps
    • Submit a Ticket
    • FAQs

    Docs & Resources

    • Docs
    • Demos
    • Migrate to .NET MAUI
    • Forums
    • Videos
    • Blogs

    Productivity and Design Tools

    • Visual Studio Templates
    • Embedded Reporting
  • Pricing
  • Shopping cart
    • Account Overview
    • Your Licenses
    • Downloads
    • Support Center
    • Forum Profile
    • Payment Methods
    • Edit Profile
    • Log out
  • Login
  • Contact Us
  • Try now

Class RadRangeSlider

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.

Inheritance
System.Object
RadContentView
RadSliderBase
RadRangeSlider
Inherited Members
RadSliderBase.ControlTemplateProperty
RadSliderBase.MinimumProperty
RadSliderBase.MaximumProperty
RadSliderBase.TickStepProperty
RadSliderBase.LabelStepProperty
RadSliderBase.StringFormatProperty
RadSliderBase.StringConverterProperty
RadSliderBase.BackTrackThicknessProperty
RadSliderBase.BackTrackStyleProperty
RadSliderBase.TicksPlacementProperty
RadSliderBase.InRangeTickColorProperty
RadSliderBase.OutOfRangeTickColorProperty
RadSliderBase.TickLengthProperty
RadSliderBase.TickThicknessProperty
RadSliderBase.InRangeTickStyleProperty
RadSliderBase.OutOfRangeTickStyleProperty
RadSliderBase.TickStyleSelectorProperty
RadSliderBase.TickTemplateProperty
RadSliderBase.LabelsPlacementProperty
RadSliderBase.TextColorProperty
RadSliderBase.FontFamilyProperty
RadSliderBase.FontSizeProperty
RadSliderBase.LabelStyleProperty
RadSliderBase.LabelStyleSelectorProperty
RadSliderBase.LabelTemplateProperty
RadSliderBase.SnapModeProperty
RadSliderBase.TickOriginProperty
RadSliderBase.BackTrackExtentProperty
RadSliderBase.BackTrackColorProperty
RadSliderBase.RangeTrackFillProperty
RadSliderBase.RangeTrackStyleProperty
RadSliderBase.ActualBackTrackStyleProperty
RadSliderBase.ActualRangeTrackStyleProperty
RadSliderBase.TooltipStringFormatProperty
RadSliderBase.TooltipContentTemplateProperty
RadSliderBase.TooltipControlTemplateProperty
RadSliderBase.OnApplyTemplate()
RadSliderBase.MeasureOverride(Double, Double)
RadSliderBase.ArrangeOverride(Rect)
RadSliderBase.ChangeVisualState()
RadSliderBase.ControlTemplate
RadSliderBase.Minimum
RadSliderBase.Maximum
RadSliderBase.TickStep
RadSliderBase.LabelStep
RadSliderBase.StringFormat
RadSliderBase.StringConverter
RadSliderBase.BackTrackThickness
RadSliderBase.BackTrackStyle
RadSliderBase.ActualBackTrackStyle
RadSliderBase.TicksPlacement
RadSliderBase.InRangeTickColor
RadSliderBase.OutOfRangeTickColor
RadSliderBase.TickLength
RadSliderBase.TickThickness
RadSliderBase.InRangeTickStyle
RadSliderBase.OutOfRangeTickStyle
RadSliderBase.TickStyleSelector
RadSliderBase.TickTemplate
RadSliderBase.LabelsPlacement
RadSliderBase.TextColor
RadSliderBase.FontFamily
RadSliderBase.FontSize
RadSliderBase.LabelStyle
RadSliderBase.LabelStyleSelector
RadSliderBase.LabelTemplate
RadSliderBase.SnapMode
RadSliderBase.TickOrigin
RadSliderBase.BackTrackExtent
RadSliderBase.BackTrackColor
RadSliderBase.RangeTrackFill
RadSliderBase.RangeTrackStyle
RadSliderBase.ActualRangeTrackStyle
RadSliderBase.TooltipStringFormat
RadSliderBase.TooltipContentTemplate
RadSliderBase.TooltipControlTemplate
RadContentView.ActualStyleClassProperty
RadContentView.OnChildAdded(Element)
RadContentView.OnChildRemoved(Element, Int32)
RadContentView.OnBindingContextChanged()
RadContentView.OnHandlerChanged()
RadContentView.ActualStyleClass
Namespace: Telerik.Maui.Controls
Assembly: Telerik.Maui.Controls.dll

Syntax

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

Constructors

RadRangeSlider()

Initializes a new instance of the class.

Declaration
public RadRangeSlider()

Fields

ActualEndThumbStyleProperty

Identifies the ActualEndThumbStyle property.

Declaration
public static readonly BindableProperty ActualEndThumbStyleProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

ActualStartThumbStyleProperty

Identifies the ActualStartThumbStyle property.

Declaration
public static readonly BindableProperty ActualStartThumbStyleProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

DragModeProperty

Identifies the DragMode property.

Declaration
public static readonly BindableProperty DragModeProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

EndThumbFillProperty

Identifies the EndThumbFill property.

Declaration
public static readonly BindableProperty EndThumbFillProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

EndThumbStyleProperty

Identifies the EndThumbStyle property.

Declaration
public static readonly BindableProperty EndThumbStyleProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

RangeEndProperty

Identifies the RangeEnd property.

Declaration
public static readonly BindableProperty RangeEndProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

RangeStartProperty

Identifies the RangeStart property.

Declaration
public static readonly BindableProperty RangeStartProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

StartThumbFillProperty

Identifies the StartThumbFill property.

Declaration
public static readonly BindableProperty StartThumbFillProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

StartThumbStyleProperty

Identifies the StartThumbStyle property.

Declaration
public static readonly BindableProperty StartThumbStyleProperty
Field Value
Microsoft.Maui.Controls.BindableProperty

Properties

ActualEndThumbStyle

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.

Declaration
public Style ActualEndThumbStyle { get; }
Property Value
Microsoft.Maui.Controls.Style

ActualStartThumbStyle

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.

Declaration
public Style ActualStartThumbStyle { get; }
Property Value
Microsoft.Maui.Controls.Style

DragMode

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

Declaration
public RangeSliderDragMode DragMode { get; set; }
Property Value
RangeSliderDragMode

EndThumbFill

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

Declaration
public Color EndThumbFill { get; set; }
Property Value
Microsoft.Maui.Graphics.Color

EndThumbStyle

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.

Declaration
public Style EndThumbStyle { get; set; }
Property Value
Microsoft.Maui.Controls.Style

RangeEnd

Gets or sets the end value of the range.

Declaration
public double RangeEnd { get; set; }
Property Value
System.Double

RangeStart

Gets or sets the start value of the range.

Declaration
public double RangeStart { get; set; }
Property Value
System.Double

StartThumbFill

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

Declaration
public Color StartThumbFill { get; set; }
Property Value
Microsoft.Maui.Graphics.Color

StartThumbStyle

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.

Declaration
public Style StartThumbStyle { get; set; }
Property Value
Microsoft.Maui.Controls.Style

Events

RangeChanging

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.

Declaration
public event EventHandler<RangeChangingEventArgs> RangeChanging
Event Type
System.EventHandler<RangeChangingEventArgs>

Extension Methods

AndroidTypeConversionExtensions.ToJavaObject(Object)
Sample Applications
  • Controls Samples App
  • Crypto Tracker App
Support Resources
  • .NET MAUI SDKBrowser App
Community
  • Forums
  • Blogs
  • Feedback Portal
  • YouTube Channel

Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.