Syncfusion AI Assistant

How can I help you?

ToolTip Support in WPF Range Selector (SfDateTimeRangeNavigator)

30 Apr 20261 minute to read

The date-time range navigator control provides tooltip support to sliders. Sliders are used to select a particular region of data in the control. Tooltips for sliders show the selected start and end date-time values. You can view the exact date values with the milliseconds precision.

Properties

The following properties are used to customize the tooltip settings:

Property

Property Name Description

ShowToolTip

 Shows or hides the tooltip.

ToolTipLabelFormat

 Sets the date-time label format for the tooltip.

LeftToolTipTemplate

 Sets the data template for the left tooltip.

RightToolTipTemplate

 Sets the data template for the right tooltip. 
<chart:SfDateTimeRangeNavigator
    x:Name="RangeNavigator"
    ItemsSource="{Binding StockPriceDetails}"
    XBindingPath="Date"
    ShowToolTip="true"
    ToolTipLabelFormat="MMM/dd/yyyy">

    <chart:SfDateTimeRangeNavigator.LeftToolTipTemplate>
        <DataTemplate>

            -----------------------

        </DataTemplate>
    </chart:SfDateTimeRangeNavigator.LeftToolTipTemplate>

    <chart:SfDateTimeRangeNavigator.Content>

    </chart:SfDateTimeRangeNavigator.Content>
</chart:SfDateTimeRangeNavigator>
SfDateTimeRangeNavigator rangeNavigator = new SfDateTimeRangeNavigator()
{
    ItemsSource = new ViewModel().StockPriceDetails,
    XBindingPath = "Date",
    ShowToolTip = true,
    ToolTipLabelFormat = "yyyy/MMM/dd",
    LeftToolTipTemplate = grid.Resources["tooltipTemplate"] as DataTemplate
};

ToolTip support in WPF SfDateTimeRangeNavigator