Class RangeSliderBase<T>

RangeSliderBase<T> is a base class for SfRangeSlider, SfDateTimeRangeSlider, and RangeSelectorBase<T>.

Inheritance
System.Object
SfView
RangeView<T>
RangeSliderBase<T>
RangeSelectorBase<T>
SfDateTimeRangeSlider
SfRangeSlider
Implements
Microsoft.Maui.Graphics.IDrawable
Microsoft.Maui.IAbsoluteLayout
Microsoft.Maui.ILayout
Microsoft.Maui.IView
Microsoft.Maui.IElement
Microsoft.Maui.ITransform
Microsoft.Maui.IContainer
System.Collections.Generic.IList<Microsoft.Maui.IView>
System.Collections.Generic.ICollection<Microsoft.Maui.IView>
System.Collections.Generic.IEnumerable<Microsoft.Maui.IView>
System.Collections.IEnumerable
Microsoft.Maui.ISafeAreaView
Microsoft.Maui.IPadding
Microsoft.Maui.ICrossPlatformLayout
Microsoft.Maui.IVisualTreeElement
Inherited Members
Namespace: Syncfusion.Maui.Sliders
Assembly: Syncfusion.Maui.Sliders.dll
Syntax
public abstract class RangeSliderBase<T> : RangeView<T>, IDrawableLayout, IDrawable, IAbsoluteLayout, ILayout, IView, IElement, ITransform, IContainer, IList<IView>, ICollection<IView>, IEnumerable<IView>, IEnumerable, ISafeAreaView, IPadding, ICrossPlatformLayout, IVisualTreeElement, ISemanticsProvider, ITouchListener, ITapGestureListener, IPanGestureListener, IGestureListener, IInteractionState
Type Parameters
Name
T

Constructors

RangeSliderBase()

Declaration
protected RangeSliderBase()

Fields

DragBehaviorProperty

The backing store for the DragBehavior field.

Declaration
public static readonly BindableProperty DragBehaviorProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

Microsoft.Maui.Controls.BindableProperty.

EnableIntervalSelectionProperty

The backing store for the EnableIntervalSelection field.

Declaration
public static readonly BindableProperty EnableIntervalSelectionProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

Microsoft.Maui.Controls.BindableProperty.

EndThumbIconProperty

The backing store for the EndThumbIcon field.

Declaration
public static readonly BindableProperty EndThumbIconProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

Microsoft.Maui.Controls.BindableProperty.

RangeEndProperty

The backing store for the RangeEnd field.

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

Microsoft.Maui.Controls.BindableProperty.

RangeStartProperty

The backing store for the RangeStart field.

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

Microsoft.Maui.Controls.BindableProperty.

StartThumbIconProperty

The backing store for the StartThumbIcon field.

Declaration
public static readonly BindableProperty StartThumbIconProperty
Field Value
Type Description
Microsoft.Maui.Controls.BindableProperty

Microsoft.Maui.Controls.BindableProperty.

Properties

DragBehavior

Gets or sets the value which indicates the behavior of the thumb dragging.
OnThumb -Individual thumb can be moved when dragging.
BetweenThumbs -Both thumbs can be moved when dragging the range between start and end thumb.
Both -Individual thumb can be moved when dragging the thumb and also, both thumbs can be moved when dragging the range between start and end thumb.

Declaration
public SliderDragBehavior DragBehavior { get; set; }
Property Value
Type Description
SliderDragBehavior

Defaults to OnThumb.
Remarks

StepSize and StepDuration properties doesn't work on setting BetweenThumbs.

Examples

Snippet for SfRangeSlider

<sliders:SfRangeSlider DragBehavior = "BetweenThumbs" />

Snippet for SfDateTimeRangeSlider

<sliders:SfDateTimeRangeSlider DragBehavior = "BetweenThumbs" />

Snippet for SfRangeSelector

<sliders:SfRangeSelector DragBehavior = "BetweenThumbs" />

Snippet for SfDateTimeRangeSelector

<sliders:SfDateTimeRangeSelector DragBehavior = "BetweenThumbs" />

EnableIntervalSelection

Gets or set a value indicating whether to drag the thumbs in intervals. If true, both the thumbs can be only moved on the specified Interval.

Declaration
public bool EnableIntervalSelection { get; set; }
Property Value
Type Description
System.Boolean

Defaults to false.
Examples

Snippet for SfRangeSlider #XAML

<sliders:SfRangeSlider Minimum="0" 
                       Maximum="100"
                       RangeStart="20"
                       RangeEnd="60"
                       Interval="10"
                       EnableIntervalSelection="True" />

#C#

SfRangeSlider rangeSlider = new SfRangeSlider()
{
     Minimum = 0,
     Maximum = 100, 
     Interval = 10,
     RangeStart = 20,
     RangeEnd = 60,
     EnableIntervalSelection = true
};

Snippet for SfDateTimeRangeSlider #XAML

<sliders:SfDateTimeRangeSlider Minimum="0" 
                               Maximum="100"
                               RangeStart="20"
                               RangeEnd="60"
                               Interval="10"
                               EnableIntervalSelection="True" />

#C#

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider()
{
     Minimum = 0,
     Maximum = 100, 
     Interval = 10,
     RangeStart = 20,
     RangeEnd = 60,
     EnableIntervalSelection = true
};

Snippet for SfRangeSelector #XAML

<sliders:SfRangeSelector Minimum="0" 
                         Maximum="100"
                         RangeStart="20"
                         RangeEnd="60"
                         Interval="10"
                         EnableIntervalSelection="True" />

#C#

SfRangeSelecotr rangeSelector = new SfRangeSelector()
{
     Minimum = 0,
     Maximum = 100, 
     Interval = 10,
     RangeStart = 20,
     RangeEnd = 60,
     EnableIntervalSelection = true
};

Snippet for SfDateTimeRangeSelector #XAML

<sliders:SfDateTimeRangeSelector Minimum="0" 
                                 Maximum="100"
                                 RangeStart="20"
                                 RangeEnd="60"
                                 Interval="10"
                                 EnableIntervalSelection="True" />

#C#

SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
{
     Minimum = 0,
     Maximum = 100, 
     Interval = 10,
     RangeStart = 20,
     RangeEnd = 60,
     EnableIntervalSelection = true
};

EndThumbIcon

Gets or sets the value for the end thumb.

Declaration
public View EndThumbIcon { get; set; }
Property Value
Type Description
Microsoft.Maui.Controls.View

Defaults to null.
Examples

Snippet for SfRangeSlider

<sliders:SfRangeSlider>
   <sliders:SfRangeSlider.EndThumbIcon>
     <Rectangle Fill = "Black"
               HeightRequest="35"
               WidthRequest="35">
    </Rectangle>
   </sliders:SfRangeSlider.EndThumbIcon>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

<sliders:SfDateTimeRangeSlider>
   <sliders:SfDateTimeRangeSlider.EndThumbIcon>
     <Rectangle Fill = "Black"
               HeightRequest="35"
               WidthRequest="35">
    </Rectangle>
   </sliders:SfDateTimeRangeSlider.EndThumbIcon>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

<sliders:SfRangeSelector>
  <sliders:SfRangeSelector.EndThumbIcon>
    <Rectangle Fill = "Black"
               HeightRequest="35"
               WidthRequest="35">
    </Rectangle>
  </sliders:SfRangeSlider.EndThumbIcon>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

<sliders:SfDateTimeRangeSelector>
  <sliders:SfDateTimeRangeSelector.EndThumbIcon>
    <Rectangle Fill = "Black"
               HeightRequest="35"
               WidthRequest="35">
    </Rectangle>
  </sliders:SfDateTimeRangeSelector.EndThumbIcon>
</sliders:SfDateTimeRangeSelector>

RangeEnd

Gets or sets the range end value of the track.

Declaration
public T RangeEnd { get; set; }
Property Value
Type Description
T

Defaults to 0.75 for SfRangeSlider, SfRangeSelector and null for SfDateTimeRangeSlider, SfDateTimeRangeSelector.
Examples

Snippet for SfRangeSlider

<sliders:SfRangeSlider RangeEnd="0.6" />

Snippet for SfRangeSelector

<sliders:SfRangeSelector RangeEnd="0.6" />

Snippet for SfDateTimeRangeSlider

<sliders:SfDateTimeRangeSlider RangeEnd = "2010-1-1" />

Snippet for SfDateTimeRangeSelector

<sliders:SfDateTimeRangeSelector RangeEnd="2010-1-1" />

RangeStart

Gets or sets the thumb start value of the track.

Declaration
public T RangeStart { get; set; }
Property Value
Type Description
T

Defaults to 0.25 for SfRangeSlider, SfRangeSelector and null for SfDateTimeRangeSlider, SfDateTimeRangeSelector.
Examples

Snippet for SfRangeSlider

<sliders:SfRangeSlider RangeStart="0.3" />

Snippet for SfRangeSelector

<sliders:SfRangeSelector RangeStart="0.3" />

Snippet for SfDateTimeRangeSlider

<sliders:SfDateTimeRangeSlider RangeStart = "2010-1-1" />

Snippet for SfDateTimeRangeSelector

<sliders:SfDateTimeRangeSelector RangeStart="2010-1-1" />

StartThumbIcon

Gets or sets the value for the start thumb.

Declaration
public View StartThumbIcon { get; set; }
Property Value
Type Description
Microsoft.Maui.Controls.View

Defaults to null.
Examples

Snippet for SfRangeSlider

<sliders:SfRangeSlider>
   <sliders:SfRangeSlider.StartThumbIcon>
     <Rectangle Fill = "Black"
                HeightRequest="35"
                WidthRequest="35">
     </Rectangle>
   </sliders:SfRangeSlider.StartThumbIcon>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

<sliders:SfDateTimeRangeSlider>
   <sliders:SfDateTimeRangeSlider.StartThumbIcon>
     <Rectangle Fill = "Black"
                HeightRequest="35"
                WidthRequest="35">
     </Rectangle>
   </sliders:SfDateTimeRangeSlider.StartThumbIcon>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

<sliders:SfRangeSelector>
  <sliders:SfRangeSelector.StartThumbIcon>
    <Rectangle Fill = "Black"
               HeightRequest="35"
               WidthRequest="35">
    </Rectangle>
  </sliders:SfRangeSlider.StartThumbIcon>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

<sliders:SfDateTimeRangeSelector>
  <sliders:SfDateTimeRangeSelector.StartThumbIcon>
    <Rectangle Fill = "Black"
               HeightRequest="35"
               WidthRequest="35">
    </Rectangle>
  </sliders:SfDateTimeRangeSelector.StartThumbIcon>
</sliders:SfDateTimeRangeSelector>

Implements

Microsoft.Maui.Graphics.IDrawable
Microsoft.Maui.IAbsoluteLayout
Microsoft.Maui.ILayout
Microsoft.Maui.IView
Microsoft.Maui.IElement
Microsoft.Maui.ITransform
Microsoft.Maui.IContainer
System.Collections.Generic.IList<>
System.Collections.Generic.ICollection<>
System.Collections.Generic.IEnumerable<>
System.Collections.IEnumerable
Microsoft.Maui.ISafeAreaView
Microsoft.Maui.IPadding
Microsoft.Maui.ICrossPlatformLayout
Microsoft.Maui.IVisualTreeElement