Skip to main content
All docs
V25.1
  • HierarchicalChartControlBase.ToolTipPattern Property

    Specifies a tooltip text pattern for items of the Sunburst or TreeMap Control.

    Namespace: DevExpress.Xpf.TreeMap

    Assembly: DevExpress.Xpf.TreeMap.v25.1.dll

    NuGet Package: DevExpress.Wpf.TreeMap

    Declaration

    public string ToolTipPattern { get; set; }

    Property Value

    Type Description
    String

    A tooltip text pattern.

    Example

    The following properties allow you to customize TreeMap tooltips:

    <Window.Resources>
        <DataTemplate x:Key="tooltipContentTemplate">
            <StackPanel Orientation="Vertical"
                        Margin="8">
                <TextBlock Text="{Binding Item.Label}"
                           Foreground="White" 
                           FontSize="24"/>
                <TextBlock Text="{Binding Path=ToolTipText}"
                           Foreground="LightGray"/>
            </StackPanel>
        </DataTemplate>
        <DataTemplate x:Key="tooltipTemplate">
            <Grid>
                <Border CornerRadius="8" 
                        Background="#FF303030">
                    <ContentPresenter Content="{Binding}" 
                                      ContentTemplate="{Binding ContentTemplate}"/>
                </Border>
            </Grid>
        </DataTemplate>
    </Window.Resources>
    <dxtm:TreeMapControl ToolTipEnabled="true"
                         ToolTipPattern="{}GDP: {V:C} millions"
                         ToolTipContentTemplate="{Binding Source={StaticResource tooltipContentTemplate}}"
                         ToolTipGroupPattern="{} Summary GDP: {V:C} millions"
                         ToolTipGroupContentTemplate="{Binding Source={StaticResource tooltipContentTemplate}}"
                         ToolTipTemplate="{Binding Source={StaticResource tooltipTemplate}}">
        <dxtm:TreeMapControl.ToolTipOptions>
            <dxtm:ToolTipOptions Position="{Binding ElementName=lbPosition, Path=SelectedValue}"
                                    OpenMode="{Binding ElementName=lbOpenMode, Path=SelectedValue}">
            </dxtm:ToolTipOptions>
        </dxtm:TreeMapControl.ToolTipOptions>
    </dxtm:TreeMapControl>
    <ListBox Grid.Row="1"
                x:Name="lbPosition"
                DisplayMemberPath="PositionName"
                SelectedValuePath="Position"
                SelectedIndex="0">
        <local:PositionWrapper PositionName="Mouse">
            <dxtm:ToolTipMousePosition/>
        </local:PositionWrapper>
        <local:PositionWrapper PositionName="Relative">
            <dxtm:ToolTipRelativePosition Origin="0.5 0"/>
        </local:PositionWrapper>
    </ListBox>
    <ListBox Grid.Row="3"
                x:Name="lbOpenMode"
                DisplayMemberPath="OpenModeName"
                SelectedValuePath="OpenMode"
                SelectedIndex="0">
        <local:OpenModeWrapper OpenModeName="On Hover" 
                                OpenMode="OnHover"/>
        <local:OpenModeWrapper OpenModeName="On Click" 
                                OpenMode="OnClick"/>
    </ListBox>
    
    See Also