MAUI

  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class SliderTooltip

    Show / Hide Table of Contents

    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>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.DateFormat = "M yyyy";

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip DateFormat = "M yyyy" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.DateFormat = "M yyyy";

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip DateFormat = "M yyyy" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.DateFormat = "M yyyy";

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.Fill = new SolidColorBrush(Colors.Red);

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip Fill = "Red" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.Fill = new SolidColorBrush(Colors.Red);

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip Fill = "Red" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.Fill = new SolidColorBrush(Colors.Red);

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip Fill = "Red" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.Fill = new SolidColorBrush(Colors.Red);

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip Fill="Red" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.Fill = new SolidColorBrush(Colors.Red);

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip Fill="Red" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.Fill = new SolidColorBrush(Colors.Red);

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.FontAttributes = FontAttributes.Italic;

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip FontAttributes = "Italic" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.FontAttributes = FontAttributes.Italic;

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip FontAttributes = "Italic" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.FontAttributes = FontAttributes.Italic;

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip FontAttributes = "Italic" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.FontAttributes = FontAttributes.Italic;

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip FontAttributes="Italic" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.FontAttributes = FontAttributes.Italic;

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip FontAttributes="Italic" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.FontAttributes = FontAttributes.Italic;

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.FontFamily = "Lobster";

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip FontFamily = "Lobster" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.FontFamily = "Lobster";

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip FontFamily = "Lobster" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.FontFamily = "Lobster";

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip FontFamily = "Lobster" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.FontFamily = "Lobster";

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip FontFamily="Lobster" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.FontFamily = "Lobster";

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip FontFamily="Lobster" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.FontFamily = "Lobster";

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.FontSize = 16;

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip FontSize = "16" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.FontSize = 16;

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip FontSize = "16" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.FontSize = 16;

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip FontSize = "16" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.FontSize = 16;

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip FontSize="16" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.FontSize = 16;

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip FontSize="16" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.FontSize = 16;

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.NumberFormat = "0.0";

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip NumberFormat = "0.0" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.NumberFormat = "0.0";

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip NumberFormat="0.0" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.NumberFormat = "0.0";

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.Padding = new Thickness(17.0, 17.0);

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip Padding = "17,17" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.Padding = new Thickness(17.0, 17.0);

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip Padding = "17,17" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.Padding = new Thickness(17.0, 17.0);

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip Padding = "17,17" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.Padding = new Thickness(17.0, 17.0);

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip Padding="17,17" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.Padding = new Thickness(17.0, 17.0);

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip Padding="17,17" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.Padding = new Thickness(17.0, 17.0);

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.Position = SliderTooltipPosition.Left;

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip Position = "Left" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.Position = SliderTooltipPosition.Left;

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip Position = "Left" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.Position = SliderTooltipPosition.Left;

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip Position = "Left" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.Position = SliderTooltipPosition.Left;

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip Position="Left" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.Position = SliderTooltipPosition.Left;

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip Position="Left" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.Position = SliderTooltipPosition.Left;

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.ShowAlways = true;

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip ShowAlways = "True" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.ShowAlways = true;

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip ShowAlways = "True" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.ShowAlways = true;

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip ShowAlways = "True" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.ShowAlways = true;

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip ShowAlways="True" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.ShowAlways = true;

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip ShowAlways="True" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.ShowAlways = true;

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.Stroke = new SolidColorBrush(Colors.Red);

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip Stroke = "Red" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.Stroke = new SolidColorBrush(Colors.Red);

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip Stroke = "Red" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.Stroke = new SolidColorBrush(Colors.Red);

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip Stroke = "Red" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.Stroke = new SolidColorBrush(Colors.Red);

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip Stroke="Red" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.Stroke = new SolidColorBrush(Colors.Red);

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip Stroke="Red" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.Stroke = new SolidColorBrush(Colors.Red);

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.Stroke = new SolidColorBrush(Colors.Red);
    slider.Tooltip.StrokeThickness = 2;

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip Stroke = "Red"
                                   StrokeThickness="2" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.Stroke = new SolidColorBrush(Colors.Red);
    slider.Tooltip.StrokeThickness = 2;

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip Stroke = "Red"
                                   StrokeThickness="2" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.Stroke = new SolidColorBrush(Colors.Red);
    rangeSlider.Tooltip.StrokeThickness = 2;

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip Stroke = "Red"
                                   StrokeThickness="2" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.Stroke = new SolidColorBrush(Colors.Red);
    rangeSlider.Tooltip.StrokeThickness = 2;

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip Stroke="Red"
                                   StrokeThickness="2" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.Stroke = new SolidColorBrush(Colors.Red);
    rangeSelector.Tooltip.StrokeThickness = 2;

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip Stroke="Red"
                                   StrokeThickness="2" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.Stroke = new SolidColorBrush(Colors.Red);
    rangeSelector.Tooltip.StrokeThickness = 2;

    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>
    SfSlider slider = new SfSlider();
    slider.Tooltip.TextColor = Colors.Red;

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
        <sliders:SfDateTimeSlider.Tooltip>
            <sliders:SliderTooltip TextColor = "Red" />
        </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    SfDateTimeSlider slider = new SfSlider();
    slider.Tooltip.TextColor = Colors.Red;

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
        <sliders:SfRangeSlider.Tooltip>
            <sliders:SliderTooltip TextColor = "Red" />
        </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    SfRangeSlider rangeSlider = new SfRangeSlider();
    rangeSlider.Tooltip.TextColor = Colors.Red;

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
        <sliders:SfDateTimeRangeSlider.Tooltip>
            <sliders:SliderTooltip TextColor = "Red" />
        </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    SfDateTimeRangeSlider rangeSlider = new SfDateTimeRangeSlider();
    rangeSlider.Tooltip.TextColor = Colors.Red;

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
        <sliders:SfRangeSelector.Tooltip>
            <sliders:SliderTooltip TextColor="Red" />
        </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    SfRangeSelector rangeSelector = new SfRangeSelector();
    rangeSelector.Tooltip.TextColor = Colors.Red;

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
        <sliders:SfDateTimeRangeSelector.Tooltip>
            <sliders:SliderTooltip TextColor = "Red" />
        </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    SfDateTimeRangeSelector rangeSelector = new SfDateTimeRangeSelector();
    rangeSelector.Tooltip.TextColor = Colors.Red;

    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>
    private void OnTooltipLabelCreated(object sender, SliderTooltipLabelCreatedEventArgs e)
    {
    }

    Snippet for SfDateTimeSlider

    • XAML
    • C#
    <sliders:SfDateTimeSlider>
     <sliders:SfDateTimeSlider.Tooltip>
        <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
     </sliders:SfDateTimeSlider.Tooltip>
    </sliders:SfDateTimeSlider>
    private void OnTooltipLabelCreated(object sender, SliderTooltipLabelCreatedEventArgs e)
    {
    }

    Snippet for SfRangeSlider

    • XAML
    • C#
    <sliders:SfRangeSlider>
     <sliders:SfRangeSlider.Tooltip>
        <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
     </sliders:SfRangeSlider.Tooltip>
    </sliders:SfRangeSlider>
    private void OnTooltipLabelCreated(object sender, SliderTooltipLabelCreatedEventArgs e)
    {
    }

    Snippet for SfDateTimeRangeSlider

    • XAML
    • C#
    <sliders:SfDateTimeRangeSlider>
     <sliders:SfDateTimeRangeSlider.Tooltip>
        <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
     </sliders:SfDateTimeRangeSlider.Tooltip>
    </sliders:SfDateTimeRangeSlider>
    private void OnTooltipLabelCreated(object sender, SliderTooltipLabelCreatedEventArgs e)
    {
    }

    Snippet for SfRangeSelector

    • XAML
    • C#
    <sliders:SfRangeSelector>
     <sliders:SfRangeSelector.Tooltip>
        <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
     </sliders:SfRangeSelector.Tooltip>
    </sliders:SfRangeSelector>
    private void OnTooltipLabelCreated(object sender, SliderTooltipLabelCreatedEventArgs e)
    {
    }

    Snippet for SfDateTimeRangeSelector

    • XAML
    • C#
    <sliders:SfDateTimeRangeSelector>
     <sliders:SfDateTimeRangeSelector.Tooltip>
        <sliders:SliderTooltip TooltipLabelCreated = "OnTooltipLabelCreated" />
     </sliders:SfDateTimeRangeSelector.Tooltip>
    </sliders:SfDateTimeRangeSelector>
    private void OnTooltipLabelCreated(object sender, SliderTooltipLabelCreatedEventArgs e)
    {
    }
    Back to top Generated by DocFX
    Copyright © 2001 - 2023 Syncfusion Inc. All Rights Reserved