GridView tooltip on header

[hhgm]

I am adding tooltip to my datagrid headers this way:

                <telerik:GridViewDataColumn DataMemberBinding="{Binding Number}" 
                                            Width="40" 
                                            TextAlignment="Right">
                    <telerik:GridViewDataColumn.Header>
                        <TextBlock Text="#" 
                                   ToolTipService.ToolTip="Number of the match"/>
                    </telerik:GridViewDataColumn.Header>
                </telerik:GridViewDataColumn>

The problem is I also has this defined for my grid:

            <telerik:RadGridView.SortDescriptors>
                <telerik:SortDescriptor Member="StartDate" SortDirection="Ascending"/>
                <telerik:SortDescriptor Member="StartTime" SortDirection="Ascending"/>
                <telerik:SortDescriptor Member="PitchName" SortDirection="Ascending"/>
            </telerik:RadGridView.SortDescriptors>

With indirect styling, the header now does not change the text color and thus fade away behind the selected color of the header... how can I style the column to avoid this effect?

[Stenly]

Hello Hans,

If I understand correctly when sorting is applied to the column that has a TextBlock element set to its Header property, its foreground color is not changed? If this is the case, a new Style could be set to the TextBlock element from the Header property and its Foreground property could be changed via a DataTrigger.

The following code snippet shows this suggestion's implementation:

<telerik:GridViewDataColumn.Header>
    <TextBlock Text="#" ToolTipService.ToolTip="Number of the match">
        <TextBlock.Style>
            <Style TargetType="TextBlock">
                <Setter Property="Foreground" Value="black"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=telerik:GridViewHeaderCell}, Path=DataColumn.SortingState}" Value="None">
                        <Setter Property="Foreground" Value="White"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </TextBlock.Style>
    </TextBlock>
</telerik:GridViewDataColumn.Header>

The produced result is as follows:

If this is not the case, could you share a bit more information about the observed behavior on your side?

Regards,
Stenly
Progress Telerik