New to Telerik UI for WPF? Download free 30-day trial


The RadHeatMap control allows you to select its cells visually. A border around the cell represents this functionality, and it is disabled by default. To enable it, you need to set the SelectionMode, SelectedCellBorderColor and SelectedCellBorderThickness properties of the RadHeatMap.

You need to set all three properties (SelectionMode, SelectedCellBorderColor, SelectedCellBorderThickness) otherwise, the visual selection of the cells won't appear.

The SelectionMode property is an enumeration of type HeatMapSelectionMode which provides the following values:

  • None: The selection is disabled. (default)
  • SingleDataItem: Only a single data item can be selected with interaction.
  • MultipleDataItems: Multiple data items can be selected with interaction.

The SelectedCellBorderColor property is of type Color that gets or sets the color of the selection border.

The SelectedCellBorderThickness property is of type Thickness that gets or sets the thickness of the selection border.

Example 1: Enabling the selection behavior of the RadHeatMap

 <telerik:RadHeatMap SelectionMode="MultipleDataItems" SelectedCellBorderColor="Red" SelectedCellBorderThickness="2" /> 

Figure 1: RadHeatMap with selection enabled

RadHeatMap with selection enabled

See Also

In this article