[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Collapse]TreeMap Control
   [Expand]Getting Started
   [Expand]Providing Data
   [Expand]Layout Algorithms
   [Collapse]End-User Interaction
     Highlighting and Selection
   [Expand]Visual Elements
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)


The Tree Map control allows you to customize tooltips that should be displayed for Leaf and Group tree map items. This topic describes in detail how this can be done and consists of the following sections.


Expanded ToolTips Text Customization

The simplest way to customize tooltips is configure the text pattern used to build the tooltip's text.

The TreeMap contains the TreeMapControl.ToolTipPattern and TreeMapControl.ToolTipGroupPattern properties allowing you to specify patterns used for leaf item and group item tooltips respectively.

The following placeholders are supported.

Placeholder Description
{L} Displays a tree map item label.
{V} Displays a tree map item value.

Values can be formatted.

The following image demonstrates the TreeMap with a tooltip pattern that equals to {L}: {V:C0} millions.


Expanded ToolTip Content Customization

The other way of customizing tooltip content is to specify content template used by tooltips.

The TreeMap control allows you to specify content templates for group and leaf items separately. Use the TreeMapControl.ToolTipContentTemplate and TreeMapControl.ToolTipGroupContentTemplate properties for that.

Note that available to tooltip data is stored in a ToolTipInfo object.

The following image demonstrates a tooltip with custom content.


Expanded ToolTip Appearance Customization

In addition to tooltip content customization, it is possible to customize the tooltip appearance. To do this, assign a custom data template to the TreeMapControl.ToolTipTemplate property. The following image demonstrates a tooltip with a custom appearance.

Expanded See Also

Is this topic helpful?​​​​​​​