A styling enhancement commonly made to the DataPresenter controls is the hover color that appears as end users mouse over Records. This enhancement is set off the DataRecordCellArea as it has the BackgroundHover property that controls the style.
The following XAML shows how to style the DataRecordCellArea object. Notice that the style has no Key assigned to it, so all DataRecordCellArea object’s in the same Grid Panel will use this style. Place this style in the Grid Panel’s Resources section.
In XAML:
<Style TargetType="{x:Type igDP:DataRecordCellArea}">
<Setter Property="BackgroundHover">
<Setter.Value>
<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
<GradientStop Color="#FF2225FF" Offset="0"/>
<GradientStop Color="#FFB9D8FF" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="BorderHoverBrush" Value="#FF000000"/>
</Style>
If you place the above XAML into a Grid Panel’s Resource section along with the code created from Adding xamDataGrid to Your Page, you’ll see xamDataGrid populated with data. When you hover over records, they will be highlighted with a blue gradient similar to the image below.
