Class
RadRangeSlider

Represents an input control that can be used for visual selection of a logical range. The selection range is visualized with scaled axes.

Definition

Namespace:Telerik.UI.Xaml.Controls.Input

Assembly:Telerik.WinUI.Controls.dll

Syntax:

cs-api-definition

public class RadRangeSlider : SliderBase

Inheritance: objectRadControlRadHeaderedControlRangeControlBaseRangeInputBaseSliderBaseRadRangeSlider

Inherited Members SliderBase.TickFrequencyPropertySliderBase.OrientationPropertySliderBase.SelectionStartPropertySliderBase.SelectionEndPropertySliderBase.IsDeferredDraggingEnabledPropertySliderBase.SnapsToPropertySliderBase.TrackTapModePropertySliderBase.ShowValueToolTipPropertySliderBase.ShowRangeToolTipPropertySliderBase.ToolTipFormatPropertySliderBase.TickFrequencySliderBase.OrientationSliderBase.SelectionStartSliderBase.SelectionEndSliderBase.IsDeferredDraggingEnabledSliderBase.SnapsToSliderBase.TrackTapModeSliderBase.ShowValueToolTipSliderBase.ShowRangeToolTipSliderBase.ToolTipFormatRangeInputBase.SmallChangePropertyRangeInputBase.LargeChangePropertyRangeInputBase.SmallChangeRangeInputBase.LargeChangeRangeControlBase.MinimumPropertyRangeControlBase.MaximumPropertyRangeControlBase.MinimumRangeControlBase.MaximumRadHeaderedControl.HeaderPropertyRadHeaderedControl.HeaderTemplatePropertyRadHeaderedControl.HeaderStylePropertyRadHeaderedControl.HeaderRadHeaderedControl.HeaderTemplateRadHeaderedControl.HeaderStyleRadControl.EndVisualStateUpdate(bool, bool)RadControl.UpdateVisualState(bool)RadControl.BeginVisualStateUpdate()RadControl.SetVisualState(string, bool)RadControl.CanUpdateVisualState()RadControl.ComposeVisualStateName()RadControl.MeasureOverride(Size)RadControl.ArrangeOverride(Size)RadControl.OnApplyTemplate()RadControl.OnIsEnabledChanged(bool, bool)RadControl.LoadCore()RadControl.OnLoaded()RadControl.UnloadCore()RadControl.CurrentVisualStateRadControl.IsLoadedRadControl.IsLoadingRadControl.IsUnloadedRadControl.WasUnloadedRadControl.IsTemplateApplied

Constructors

RadRangeSlider()

Initializes a new instance of the RadRangeSlider class.

Declaration

cs-api-definition

public RadRangeSlider()

Fields

BottomRightScaleStyleProperty

Identifies the BottomRightScaleStyle dependency property.

Declaration

cs-api-definition

public static readonly DependencyProperty BottomRightScaleStyleProperty

Field Value

DependencyProperty

LabelFormatProperty

Identifies the LabelFormat dependency property.

Declaration

cs-api-definition

public static readonly DependencyProperty LabelFormatProperty

Field Value

DependencyProperty

SliderPrimitiveStyleProperty

Identifies the SliderPrimitiveStyle dependency property.

Declaration

cs-api-definition

public static readonly DependencyProperty SliderPrimitiveStyleProperty

Field Value

DependencyProperty

TopLeftScaleStyleProperty

Identifies the TopLeftScaleStyle dependency property.

Declaration

cs-api-definition

public static readonly DependencyProperty TopLeftScaleStyleProperty

Field Value

DependencyProperty

Properties

BottomRightScaleStyle

Gets or sets the BottomRightScaleStyle that defines the appearance settings applied to the bottom/right Scale control.

Declaration

cs-api-definition

public Style BottomRightScaleStyle { get; set; }

Property Value

Style

Remarks

The style should target the ScalePrimitive type.

Example

xaml

<telerikInput:RadRangeSlider>
    <telerikInput:RadRangeSlider.BottomRightScaleStyle>
        <Style TargetType="telerikPrimitives:ScalePrimitive">
            <Setter Property="LabelPlacement" Value="BottomRight"/>
            <Setter Property="TickPlacement" Value="TopLeft"/>
            <Setter Property="TickTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Ellipse Width="5" Height="5" Margin="-2.5,10,0,0" Fill="LimeGreen"/>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </telerikInput:RadRangeSlider.BottomRightScaleStyle>
</telerikInput:RadRangeSlider>

LabelFormat

Gets or sets the string that is used to format the labels of the component. The value passed should follow the syntax, expected by the runtime String.Format: { index[,alignment][:formatString] }.

Declaration

cs-api-definition

public string LabelFormat { get; set; }

Property Value

string

Example

xaml

<telerikInput:RadRangeSlider Minimum="0" Maximum="1" LabelFormat="{}{0:P0}"/>

SliderPrimitiveStyle

Gets or sets the SliderPrimitiveStyle that defines the appearance settings applied to the inner RangeSliderPrimitive control.

Declaration

cs-api-definition

public Style SliderPrimitiveStyle { get; set; }

Property Value

Style

Remarks

The style should target the RangeSliderPrimitive type.

Example

xaml

xmlns:telerikInput="using:Telerik.UI.Xaml.Controls.Input"
xmlns:telerikPrimitives="using:Telerik.UI.Xaml.Controls.Primitives"

xaml

<telerikInput:RadRangeSlider >
    <telerikInput:RadRangeSlider.SliderPrimitiveStyle>
        <Style TargetType="telerikPrimitives:RangeSliderPrimitive">
            <!-- set the RangeSliderPrimitive properties here -->
        </Style>
    </telerikInput:RadRangeSlider.SliderPrimitiveStyle>
</telerikInput:RadRangeSlider>

TopLeftScaleStyle

Gets or sets the TopLeftScaleStyle that defines the appearance settings applied to the top/left Scale control.

Declaration

cs-api-definition

public Style TopLeftScaleStyle { get; set; }

Property Value

Style

Remarks

The style should target the ScalePrimitive type.

Example

xaml

<telerikInput:RadRangeSlider>
    <telerikInput:RadRangeSlider.TopLeftScaleStyle>
        <Style TargetType="telerikPrimitives:ScalePrimitive">
            <Setter Property="LabelPlacement" Value="None"/>
            <Setter Property="TickPlacement" Value="BottomRight"/>
            <Setter Property="TickTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Ellipse Width="5" Height="5" Margin="-2.5,0,0,10" Fill="LimeGreen"/>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </telerikInput:RadRangeSlider.TopLeftScaleStyle>
</telerikInput:RadRangeSlider>

Methods

ApplyTemplateCore()

Called when the Framework is called. Inheritors should override this method should they have some custom template-related logic. This is done to ensure that the property is properly initialized.

Declaration

cs-api-definition

protected override bool ApplyTemplateCore()

Returns

bool

Overrides RadControl.ApplyTemplateCore()

OnCreateAutomationPeer()

Declaration

cs-api-definition

protected override AutomationPeer OnCreateAutomationPeer()

Returns

AutomationPeer

Overrides SliderBase.OnCreateAutomationPeer()

OnTemplateApplied()

Occurs when the method has been called and the template is already successfully applied.

Declaration

cs-api-definition

protected override void OnTemplateApplied()

Overrides RangeControlBase.OnTemplateApplied()

UnapplyTemplateCore()

Removes the current control template. Occurs when a template has already been applied and a new one is applied.

Declaration

cs-api-definition

protected override void UnapplyTemplateCore()

Overrides RadControl.UnapplyTemplateCore()

ClassRadRangeSlider

Class
RadRangeSlider