Class SliderDividerStyle

Options to customize the slider dividers.

Inheritance

System.Object

SliderDividerStyle

Namespace: Syncfusion.Maui.Sliders

Assembly: Syncfusion.Maui.Sliders.dll

Syntax

public class SliderDividerStyle : Element, IThemeElement

Constructors

SliderDividerStyle()

Initializes a new instance of the SliderDividerStyle class.

Declaration

public SliderDividerStyle()

Fields

ActiveFillProperty

The backing store for the ActiveFill field.

Declaration

public static readonly BindableProperty ActiveFillProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

ActiveRadiusProperty

The backing store for the ActiveRadius field.

Declaration

public static readonly BindableProperty ActiveRadiusProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

ActiveStrokeProperty

The backing store for the ActiveStroke field.

Declaration

public static readonly BindableProperty ActiveStrokeProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

ActiveStrokeThicknessProperty

The backing store for the ActiveStrokeThickness field.

Declaration

public static readonly BindableProperty ActiveStrokeThicknessProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

InactiveFillProperty

The backing store for the InactiveFill field.

Declaration

public static readonly BindableProperty InactiveFillProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

InactiveRadiusProperty

The backing store for the InactiveRadius field.

Declaration

public static readonly BindableProperty InactiveRadiusProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

InactiveStrokeProperty

The backing store for the InactiveStroke field.

Declaration

public static readonly BindableProperty InactiveStrokeProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

InactiveStrokeThicknessProperty

The backing store for the InactiveStrokeThickness field.

Declaration

public static readonly BindableProperty InactiveStrokeThicknessProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

Properties

ActiveFill

Gets or sets the brush for the active divider in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public Brush ActiveFill { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.Brush	The default brush is `SolidColorBrush(Color.FromRgba(255, 255, 255, 138))`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider Interval = "0.2"
                  ShowDividers = "True">
    <sliders:SfSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveFill = "Red" />
    </sliders:SfSlider.TrackStyle>
</sliders:SfSlider>

SfSlider slider = new SfSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.ActiveFill = new SolidColorBrush(Colors.Red);

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider Interval = "0.2"
                          ShowDividers = "True">
    <sliders:SfDateTimeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveFill = "Red" />
    </sliders:SfDateTimeSlider.TrackStyle>
</sliders:SfDateTimeSlider>

SfDateTimeSlider slider = new SfDateTimeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.ActiveFill = new SolidColorBrush(Colors.Red);

Snippet for SfRangeSlider

XAML
C#

<sliders:SfRangeSlider Interval = "0.2"
                       ShowDividers = "True">
    <sliders:SfRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveFill = "Red" />
    </sliders:SfRangeSlider.DividerStyle>
</sliders:SfRangeSlider>

SfRangeSlider rangeSlider = new SfRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.ActiveFill = new SolidColorBrush(Colors.Red);

Snippet for SfDateTimeRangeSlider

XAML
C#

<sliders:SfDateTimeRangeSlider Interval = "0.2"
                               ShowDividers = "True">
    <sliders:SfDateTimeRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveFill = "Red"/>
    </sliders:SfDateTimeRangeSlider.DividerStyle>
</sliders:SfDateTimeRangeSlider >

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.ActiveFill = new SolidColorBrush(Colors.Red);

Snippet for SfRangeSelector

XAML
C#

<sliders:SfRangeSelector Interval="0.2"
                         ShowDividers="True">
    <sliders:SfRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle ActiveFill="Red" />
    </sliders:SfRangeSelector.DividerStyle>
</sliders:SfRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.ActiveFill = new SolidColorBrush(Colors.Red);

Snippet for SfDateTimeRangeSelector

XAML
C#

<sliders:SfDateTimeRangeSelector Interval="0.2"
                                 ShowDividers="True">
    <sliders:SfDateTimeRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle ActiveFill="Red" />
    </sliders:SfDateTimeRangeSelector.DividerStyle>
</sliders:SfDateTimeRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.ActiveFill = new SolidColorBrush(Colors.Red);

ActiveRadius

Gets or sets the radius for the active divider in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public double ActiveRadius { get; set; }

Property Value

Type	Description
System.Double	The default size is `1.0`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider ShowDividers = "True">
    <sliders:SfSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveRadius = "2.0" />
    </sliders:SfSlider.TrackStyle>
</sliders:SfSlider>

SfSlider slider = new SfSlider() { ShowDividers = true };
slider.DividerStyle.ActiveRadius = 2;

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider ShowDividers = "True">
    <sliders:SfDateTimeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveRadius = "2.0" />
    </sliders:SfDateTimeSlider.TrackStyle>
</sliders:SfDateTimeSlider>

SfDateTimeSlider slider = new SfDateTimeSlider() { ShowDividers = true };
slider.DividerStyle.ActiveRadius = 2;

Snippet for SfRangeSlider

XAML
C#

<sliders:SfRangeSlider ShowDividers = "True">
    <sliders:SfRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveRadius = "2.0" />
    </sliders:SfRangeSlider.DividerStyle>
</sliders:SfRangeSlider>

SfRangeSlider rangeSlider = new SfRangeSlider() { ShowDividers = true };
rangeSlider.DividerStyle.ActiveRadius = 2;

Snippet for SfDateTimeRangeSlider

XAML
C#

<sliders:SfDateTimeRangeSlider ShowDividers = "True">
    <sliders:SfDateTimeRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveRadius = "2.0" />
    </sliders:SfDateTimeRangeSlider.DividerStyle>
</sliders:SfDateTimeRangeSlider>

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider() { ShowDividers = true };
rangeSlider.DividerStyle.ActiveRadius = 2;

Snippet for SfRangeSelector

XAML
C#

<sliders:SfRangeSelector ShowDividers="True">
    <sliders:SfRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle ActiveRadius="2.0" />
    </sliders:SfRangeSelector.DividerStyle>
</sliders:SfRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector() { ShowDividers = true };
rangeSelector.DividerStyle.ActiveRadius = 2;

Snippet for SfDateTimeRangeSelector

XAML
C#

<sliders:SfDateTimeRangeSelector ShowDividers="True">
    <sliders:SfDateTimeRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle ActiveRadius="2.0" />
    </sliders:SfDateTimeRangeSelector.DividerStyle>
</sliders:SfDateTimeRangeSelector>

SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector() { ShowDividers = true };
rangeSelector.DividerStyle.ActiveRadius = 2;

ActiveStroke

Gets or sets the brush for the active divider stroke in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public Brush ActiveStroke { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.Brush	The default brush is `SolidColorBrush(Colors.Transparent)`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider Interval = "0.2"
                  ShowDividers = "True">
    <sliders:SfSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke = "Orange" />
    </sliders:SfSlider.TrackStyle>
</sliders:SfSlider>

SfSlider slider = new SfSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider Interval = "0.2"
                          ShowDividers = "True">
    <sliders:SfDateTimeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke = "Orange" />
    </sliders:SfDateTimeSlider.TrackStyle>
</sliders:SfDateTimeSlider>

SfDateTimeSlider slider = new SfDateTimeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);

Snippet for SfRangeSlider

XAML
C#

<sliders:SfRangeSlider Interval = "0.2"
                       ShowDividers = "True">
    <sliders:SfRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke = "Orange" />
    </sliders:SfRangeSlider.DividerStyle>
</sliders:SfRangeSlider>

SfRangeSlider rangeSlider = new SfRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);

Snippet for SfDateTimeRangeSlider

XAML
C#

<sliders:SfDateTimeRangeSlider Interval = "0.2"
                               ShowDividers = "True">
    <sliders:SfDateTimeRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke = "Orange" />
    </sliders:SfDateTimeRangeSlider.DividerStyle>
</sliders:SfDateTimeRangeSlider>

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);

Snippet for SfRangeSelector

XAML
C#

<sliders:SfRangeSelector Interval="0.2"
                         ShowDividers="True">
    <sliders:SfRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke="Orange" />
    </sliders:SfRangeSelector.DividerStyle>
</sliders:SfRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);

Snippet for SfDateTimeRangeSelector

XAML
C#

<sliders:SfDateTimeRangeSelector Interval="0.2"
                                 ShowDividers="True">
    <sliders:SfDateTimeRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke="Orange" />
    </sliders:SfDateTimeRangeSelector.DividerStyle>
</sliders:SfDateTimeRangeSelector>

SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);

ActiveStrokeThickness

Gets or sets the stroke size for the active divider in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public double ActiveStrokeThickness { get; set; }

Property Value

Type	Description
System.Double	The default stroke size is `0.5`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider Interval = "0.2"
                  ShowDividers = "True">
    <sliders:SfSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke = "Orange"
                                    ActiveStrokeThickness = "1" />
    </sliders:SfSlider.TrackStyle>
</sliders:SfSlider>

SfSlider slider = new SfSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);
slider.DividerStyle.ActiveStrokeThickness = 1;

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider Interval = "0.2"
                          ShowDividers = "True">
    <sliders:SfDateTimeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke = "Orange"
                                    ActiveStrokeThickness = "1" />
    </sliders:SfDateTimeSlider.TrackStyle>
</sliders:SfSlider>

SfDateTimeSlider slider = new SfDateTimeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);
slider.DividerStyle.ActiveStrokeThickness = 1;

Snippet for SfRangeSlider

XAML
C#

<sliders:SfRangeSlider Interval = "0.2"
                       ShowDividers = "True">
    <sliders:SfRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke = "Orange"
                                    ActiveStrokeThickness = "1" />
    </sliders:SfRangeSlider.DividerStyle>
</sliders:SfRangeSlider>

SfRangeSlider rangeSlider = new SfRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);
rangeSlider.DividerStyle.ActiveStrokeThickness = 1;

Snippet for SfDateTimeRangeSlider

XAML
C#

<sliders:SfDateTimeRangeSlider Interval = "0.2"
                               ShowDividers = "True">
    <sliders:SfDateTimeRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke = "Orange"
                                    ActiveStrokeThickness = "1" />
    </sliders:SfDateTimeRangeSlider.DividerStyle>
</sliders:SfDateTimeRangeSlider>

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);
rangeSlider.DividerStyle.ActiveStrokeThickness = 1;

Snippet for SfRangeSelector

XAML
C#

<sliders:SfRangeSelector Interval="0.2"
                         ShowDividers="True">
    <sliders:SfRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke="Orange"
                                    ActiveStrokeThickness = "1" />
    </sliders:SfRangeSelector.DividerStyle>
</sliders:SfRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);
rangeSelector.DividerStyle.ActiveStrokeThickness = 1;

Snippet for SfDateTimeRangeSelector

XAML
C#

<sliders:SfDateTimeRangeSelector Interval="0.2"
                                 ShowDividers="True">
    <sliders:SfDateTimeRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle ActiveStroke="Orange"
                                    ActiveStrokeThickness = "1" />
    </sliders:SfDateTimeRangeSelector.DividerStyle>
</sliders:SfDateTimeRangeSelector>

SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.ActiveStroke = new SolidColorBrush(Colors.Orange);
rangeSelector.DividerStyle.ActiveStrokeThickness = 1;

InactiveFill

Gets or sets the brush for the inactive divider in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public Brush InactiveFill { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.Brush	The default brush is `SolidColorBrush(Color.FromRgba(81, 43, 212, 138))`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider Interval = "0.2"
                  ShowDividers = "True">
    <sliders:SfSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveFill = "Orange" />
    </sliders:SfSlider.TrackStyle>
</sliders:SfSlider>

SfSlider slider = new SfSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.InactiveFill = new SolidColorBrush(Colors.Orange);

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider Interval = "0.2"
                          ShowDividers = "True">
    <sliders:SfDateTimeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveFill = "Orange" />
    </sliders:SfDateTimeSlider.TrackStyle>
</sliders:SfDateTimeSlider>

SfDateTimeSlider slider = new SfDateTimeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.InactiveFill = new SolidColorBrush(Colors.Orange);

Snippet for SfRangeSlider

XAML
C#

<sliders:SfRangeSlider Interval = "0.2"
                       ShowDividers = "True">
    <sliders:SfRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveFill = "Orange" />
    </sliders:SfRangeSlider.DividerStyle>
</sliders:SfRangeSlide>

SfRangeSlider rangeSlider = new SfRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.InactiveFill = new SolidColorBrush(Colors.Orange);

Snippet for SfDateTimeRangeSlider

XAML
C#

<sliders:SfDateTimeRangeSlider Interval = "0.2"
                               ShowDividers = "True">
    <sliders:SfDateTimeRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveFill = "Orange" />
    </sliders:SfDateTimeRangeSlider.DividerStyle>
</sliders:SfDateTimeRangeSlider>

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.InactiveFill = new SolidColorBrush(Colors.Orange);

Snippet for SfRangeSelector

XAML
C#

<sliders:SfRangeSelector Interval="0.2"
                         ShowDividers="True">
    <sliders:SfRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle InactiveFill="Orange" />
    </sliders:SfRangeSelector.DividerStyle>
</sliders:SfRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.InactiveFill = new SolidColorBrush(Colors.Orange);

Snippet for SfDateTimeRangeSelector

XAML
C#

<sliders:SfDateTimeRangeSelector Interval="0.2"
                                 ShowDividers="True">
    <sliders:SfDateTimeRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle InactiveFill="Orange" />
    </sliders:SfDateTimeRangeSelector.DividerStyle>
</sliders:SfDateTimeRangeSelector>

SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.InactiveFill = new SolidColorBrush(Colors.Orange);

InactiveRadius

Gets or sets the radius for the inactive divider in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public double InactiveRadius { get; set; }

Property Value

Type	Description
System.Double	The default size is `1.0`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider ShowDividers = "True">
    <sliders:SfSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveRadius = "2.0" />
    </sliders:SfSlider.TrackStyle>
</sliders:SfSlider>

SfSlider slider = new SfSlider() { ShowDividers = true };
slider.DividerStyle.InactiveRadius = 2;

Snippet for SfDateTimeSlider

XAML
C#

< sliders:SfDateTimeSlider ShowDividers = "True">
    <sliders:SfDateTimeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveRadius = "2.0" />
    </sliders:SfDateTimeSlider.TrackStyle>
</sliders:SfDateTimeSlider>

SfDateTimeSlider slider = new SfDateTimeSlider() { ShowDividers = true };
slider.DividerStyle.InactiveRadius = 2;

Snippet for SfRangeSlider

XAML
C#

<sliders:SfRangeSlider ShowDividers = "True">
    <sliders:SfRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveRadius = "2.0" />
    </sliders:SfRangeSlider.DividerStyle>
</sliders:SfRangeSlider>

SfRangeSlider rangeSlider = new SfRangeSlider() { ShowDividers = true };
rangeSlider.DividerStyle.InactiveRadius = 2;

Snippet for SfDateTimeRangeSlider

XAML
C#

<sliders:SfDateTimeRangeSlider ShowDividers = "True">
    <sliders:SfDateTimeRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveRadius = "2.0" />
    </sliders:SfDateTimeRangeSlider.DividerStyle>
</sliders:SfDateTimeRangeSlider>

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider() { ShowDividers = true };
rangeSlider.DividerStyle.InactiveRadius = 2;

Snippet for SfRangeSelector

XAML
C#

<sliders:SfRangeSelector ShowDividers="True">
    <sliders:SfRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle InactiveRadius="2.0" />
    </sliders:SfRangeSelector.DividerStyle>
</sliders:SfRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector() { ShowDividers = true };
rangeSelector.DividerStyle.InactiveRadius = 2;

Snippet for SfDateTimeRangeSelector

XAML
C#

<sliders:SfDateTimeRangeSelector ShowDividers="True">
    <sliders:SfDateTimeRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle InactiveRadius="2.0" />
    </sliders:SfDateTimeRangeSelector.DividerStyle>
</sliders:SfDateTimeRangeSelector>

SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector() { ShowDividers = true };
rangeSelector.DividerStyle.InactiveRadius = 2;

InactiveStroke

Gets or sets the brush for the inactive divider stroke in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public Brush InactiveStroke { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.Brush	The default brush is `SolidColorBrush(Colors.Transparent)`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider Interval = "0.2"
                  ShowDividers = "True">
    <sliders:SfSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke = "Red" />
    </sliders:SfSlider.TrackStyle>
</sliders:SfSlider>

SfSlider slider = new SfSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider Interval = "0.2"
                          ShowDividers = "True">
    <sliders:SfDateTimeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke = "Red" />
    </sliders:SfDateTimeSlider.TrackStyle>
</sliders:SfDateTimeSlider>

SfDateTimeSlider slider = new SfDateTimeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);

Snippet for SfRangeSlider

XAML
C#

<sliders:SfRangeSlider Interval = "0.2"
                       ShowDividers = "True">
    <sliders:SfRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke = "Red" />
    </sliders:SfRangeSlider.DividerStyle>
</sliders:SfRangeSlider>

SfRangeSlider rangeSlider = new SfRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);

Snippet for SfDateTimeRangeSlider

XAML
C#

<sliders:SfDateTimeRangeSlider Interval = "0.2"
                               ShowDividers = "True">
    <sliders:SfDateTimeRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke = "Red" />
    </sliders:SfDateTimeRangeSlider.DividerStyle>
</sliders:SfDateTimeRangeSlider>

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);

Snippet for SfRangeSelector

XAML
C#

<sliders:SfRangeSelector Interval="0.2"
                         ShowDividers="True">
    <sliders:SfRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke="Red" />
    </sliders:SfRangeSelector.DividerStyle>
</sliders:SfRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);

Snippet for SfDateTimeRangeSelector

XAML
C#

<sliders:SfDateTimeRangeSelector Interval="0.2"
                                 ShowDividers="True">
    <sliders:SfDateTimeRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke="Red" />
    </sliders:SfDateTimeRangeSelector.DividerStyle>
</sliders:SfDateTimeRangeSelector>

SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);

InactiveStrokeThickness

Gets or sets the stroke size for the inactive divider in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public double InactiveStrokeThickness { get; set; }

Property Value

Type	Description
System.Double	The default stroke size is `0.5`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider Interval = "0.2"
                  ShowDividers = "True">
    <sliders:SfSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke = "Red"
                                    InactiveStrokeThickness = "1" />
    </sliders:SfSlider.TrackStyle>
</sliders:SfSlider>

SfSlider slider = new SfSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);
slider.DividerStyle.InactiveStrokeThickness = 1;

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider Interval = "0.2"
                          ShowDividers = "True">
    <sliders:SfDateTimeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke = "Red"
                                    InactiveStrokeThickness = "1" />
    </sliders:SfDateTimeSlider.TrackStyle>
</sliders:SfDateTimeSlider>

SfDateTimeSlider slider = new SfDateTimeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
slider.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);
slider.DividerStyle.InactiveStrokeThickness = 1;

Snippet for SfRangeSlider

XAML
C#

< sliders:SfRangeSlider Interval = "0.2"
                       ShowDividers = "True">
    <sliders:SfRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke = "Red"
                                    InactiveStrokeThickness = "1" />
    </sliders:SfRangeSlider.DividerStyle>
</sliders:SfRangeSlider>

SfRangeSlider rangeSlider = new SfRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);
rangeSlider.DividerStyle.InactiveStrokeThickness = 1;

Snippet for SfDateTimeRangeSlider

XAML
C#

< sliders:SfDateTimeRangeSlider Interval = "0.2"
                                ShowDividers = "True">
    <sliders:SfDateTimeRangeSlider.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke = "Red"
                                    InactiveStrokeThickness = "1" />
    </sliders:SfDateTimeRangeSlider.DividerStyle>
</sliders:SfDateTimeRangeSlider>

SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider()
{
    ShowDividers = true,
    Interval = 0.2
};
rangeSlider.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);
rangeSlider.DividerStyle.InactiveStrokeThickness = 1;

Snippet for SfRangeSelector

XAML
C#

<sliders:SfRangeSelector Interval="0.2"
                         ShowDividers="True">
    <sliders:SfRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke="Red"
                                    InactiveStrokeThickness = "1" />
    </sliders:SfRangeSelector.DividerStyle>
</sliders:SfRangeSelector>

SfRangeSelector rangeSelector = new SfRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);
rangeSelector.DividerStyle.InactiveStrokeThickness = 1;

Snippet for SfDateTimeRangeSelector

XAML
C#

<sliders:SfDateTimeRangeSelector Interval="0.2"
                                 ShowDividers="True">
    <sliders:SfDateTimeRangeSelector.DividerStyle>
        <sliders:SliderDividerStyle InactiveStroke="Red"
                                    InactiveStrokeThickness = "1" />
    </sliders:SfDateTimeRangeSelector.DividerStyle>
</sliders:SfDateTimeRangeSelector>

SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector()
{
    ShowDividers = true, 
    Interval = 0.2
};
rangeSelector.DividerStyle.InactiveStroke = new SolidColorBrush(Colors.Red);
rangeSelector.DividerStyle.InactiveStrokeThickness = 1;