Class SliderTooltip

Options to customize the slider tooltip.

Inheritance

System.Object

SliderTooltip

Namespace: Syncfusion.Maui.Sliders

Assembly: Syncfusion.Maui.Sliders.dll

Syntax

public class SliderTooltip : BindableObject, ITextElement

Constructors

SliderTooltip()

Declaration

public SliderTooltip()

Fields

DateFormatProperty

The backing store for the DateFormat field.

Declaration

public static readonly BindableProperty DateFormatProperty

Field Value

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

FillProperty

The backing store for the Fill field.

Declaration

public static readonly BindableProperty FillProperty

Field Value

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

FontAttributesProperty

The backing store for the FontAttributes field.

Declaration

public static readonly BindableProperty FontAttributesProperty

Field Value

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

FontFamilyProperty

The backing store for the FontFamily field.

Declaration

public static readonly BindableProperty FontFamilyProperty

Field Value

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

FontSizeProperty

The backing store for the FontSize field.

Declaration

public static readonly BindableProperty FontSizeProperty

Field Value

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

NumberFormatProperty

The backing store for the NumberFormat field.

Declaration

public static readonly BindableProperty NumberFormatProperty

Field Value

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

PaddingProperty

The backing store for the Padding field.

Declaration

public static readonly BindableProperty PaddingProperty

Field Value

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

PositionProperty

The backing store for the Position field.

Declaration

public static readonly BindableProperty PositionProperty

Field Value

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

ShowAlwaysProperty

The backing store for the ShowAlways field.

Declaration

public static readonly BindableProperty ShowAlwaysProperty

Field Value

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

StrokeProperty

The backing store for the Stroke field.

Declaration

public static readonly BindableProperty StrokeProperty

Field Value

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

StrokeThicknessProperty

The backing store for the StrokeThickness field.

Declaration

public static readonly BindableProperty StrokeThicknessProperty

Field Value

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

TextColorProperty

The backing store for the TextColor field.

Declaration

public static readonly BindableProperty TextColorProperty

Field Value

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

Properties

DateFormat

Gets or sets the value to format the date labels.

Declaration

public string DateFormat { get; set; }

Property Value

Type	Description
System.String	Defaults to yyyy.

Examples

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip DateFormat = "M yyyy" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip DateFormat = "M yyyy" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip DateFormat = "M yyyy" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

Fill

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

Declaration

public Brush Fill { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.Brush	The default brush is SolidColorBrush(Color.FromRgb(97, 97, 97)).

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip Fill = "Red" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip Fill = "Red" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip Fill = "Red" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip Fill = "Red" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip Fill="Red" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip Fill="Red" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

FontAttributes

Gets or sets the font attributes for tooltip text in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public FontAttributes FontAttributes { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.FontAttributes	The default is null.

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip FontAttributes = "Italic" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip FontAttributes = "Italic" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip FontAttributes = "Italic" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip FontAttributes = "Italic" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip FontAttributes="Italic" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip FontAttributes="Italic" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

FontFamily

Gets or sets the font family for the tooltip text in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public string FontFamily { get; set; }

Property Value

Type	Description
System.String	The default is null.

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip FontFamily = "Lobster" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip FontFamily = "Lobster" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip FontFamily = "Lobster" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip FontFamily = "Lobster" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip FontFamily="Lobster" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip FontFamily="Lobster" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

FontSize

Gets or sets the size for the tooltip text in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public double FontSize { get; set; }

Property Value

Type	Description
System.Double	The default size is 14.0.

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip FontSize = "16" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip FontSize = "16" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip FontSize = "16" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip FontSize = "16" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip FontSize="16" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip FontSize="16" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

NumberFormat

Gets or sets the value to format the label text.

Declaration

public string NumberFormat { get; set; }

Property Value

Type	Description
System.String	Defaults to 0.##.

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip NumberFormat = "0.0" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip NumberFormat = "0.0" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip NumberFormat="0.0" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Padding

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

Declaration

public Thickness Padding { get; set; }

Property Value

Type	Description
Microsoft.Maui.Thickness	The default padding will be Thickness(15.0, 15.0).

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip Padding = "17,17" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip Padding = "17,17" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip Padding = "17,17" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip Padding = "17,17" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip Padding="17,17" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip Padding="17,17" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

Position

Gets or sets a value for position the tooltip in SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

The tooltip will be shown when set Right. If this property is set to Left the tooltip will be shown track left side. The Position only supports for vertical sliders

Declaration

public SliderTooltipPosition Position { get; set; }

Property Value

Type	Description
SliderTooltipPosition	Defaults to Right.

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip Position = "Left" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip Position = "Left" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip Position = "Left" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip Position = "Left" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip Position="Left" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip Position="Left" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

ShowAlways

Gets or sets a value indicating whether to Show the Tooltip

Declaration

public bool ShowAlways { get; set; }

Property Value

Type	Description
System.Boolean	Defaults to false.

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip ShowAlways = "True" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip ShowAlways = "True" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip ShowAlways = "True" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip ShowAlways = "True" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip ShowAlways="True" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip ShowAlways="True" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

Stroke

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

Declaration

public Brush Stroke { 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>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip Stroke = "Red" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip Stroke = "Red" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip Stroke = "Red" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip Stroke = "Red" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip Stroke="Red" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip Stroke="Red" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

StrokeThickness

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

Declaration

public double StrokeThickness { get; set; }

Property Value

Type	Description
System.Double	The default size is 1.0.

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip Stroke = "Red"
                               StrokeThickness="2" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip Stroke = "Red"
                               StrokeThickness="2" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip Stroke = "Red"
                               StrokeThickness="2" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip Stroke = "Red"
                               StrokeThickness="2" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip Stroke="Red"
                               StrokeThickness="2" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip Stroke="Red"
                               StrokeThickness="2" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

TextColor

Gets or sets the color for the tooltip text in the SfSlider, SfRangeSlider, SfRangeSelector,
SfDateTimeSlider, SfDateTimeRangeSlider and SfDateTimeRangeSelector.

Declaration

public Color TextColor { get; set; }

Property Value

Type	Description
Microsoft.Maui.Graphics.Color	The default color is Color.FromRgba(0, 0, 0, 0.87).

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
    <sliders:SfSlider.Tooltip>
        <sliders:SliderTooltip TextColor = "Red" />
    </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
    <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip TextColor = "Red" />
    </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
    <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip TextColor = "Red" />
    </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
    <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip TextColor = "Red" />
    </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
    <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip TextColor="Red" />
    </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
    <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip TextColor = "Red" />
    </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>

Events

TooltipLabelCreated

Represents the TooltipLabelCreated event, which occurs when a tooltip label is created. It is used to format or change tooltip text.

Declaration

public event EventHandler<SliderTooltipLabelCreatedEventArgs> TooltipLabelCreated

Event Type

Type	Description
System.EventHandler<SliderTooltipLabelCreatedEventArgs>	Defaults to null.

Examples

Snippet for SfSlider

• XAML
• C#

<sliders:SfSlider>
 <sliders:SfSlider.Tooltip>
    <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
 </sliders:SfSlider.Tooltip>
</sliders:SfSlider>

Snippet for SfDateTimeSlider

• XAML
• C#

<sliders:SfDateTimeSlider>
 <sliders:SfDateTimeSlider.Tooltip>
    <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
 </sliders:SfDateTimeSlider.Tooltip>
</sliders:SfDateTimeSlider>

Snippet for SfRangeSlider

• XAML
• C#

<sliders:SfRangeSlider>
 <sliders:SfRangeSlider.Tooltip>
    <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
 </sliders:SfRangeSlider.Tooltip>
</sliders:SfRangeSlider>

Snippet for SfDateTimeRangeSlider

• XAML
• C#

<sliders:SfDateTimeRangeSlider>
 <sliders:SfDateTimeRangeSlider.Tooltip>
    <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
 </sliders:SfDateTimeRangeSlider.Tooltip>
</sliders:SfDateTimeRangeSlider>

Snippet for SfRangeSelector

• XAML
• C#

<sliders:SfRangeSelector>
 <sliders:SfRangeSelector.Tooltip>
    <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
 </sliders:SfRangeSelector.Tooltip>
</sliders:SfRangeSelector>

Snippet for SfDateTimeRangeSelector

• XAML
• C#

<sliders:SfDateTimeRangeSelector>
 <sliders:SfDateTimeRangeSelector.Tooltip>
    <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
 </sliders:SfDateTimeRangeSelector.Tooltip>
</sliders:SfDateTimeRangeSelector>