How to change text color of selected row

[Larry]

My background is dark. The selected row uses dark text. How do I change that?

[Denis]

Hello Larry,

Thank you for raising this question.

When a dark background is used, the selected row text may not be visible, because without theming by default the selected text has a hex: "#000000", which is black. This can be addressed by applying the SelectedTextColor property. The steps are as follows:

1. Apply the SelectedTextColor property into the style resources:

To avoid repeating the same style for every column, define it once in the page's resource dictionary.

<ContentPage.Resources>
    <Style x:Key="DefaultTextCellStyle" TargetType="telerik:DataGridTextCellAppearance">
        <Setter Property="TextColor" Value="White" />
        <Setter Property="SelectedTextColor" Value="Yellow" />
    </Style>
</ContentPage.Resources>

2. Reference the style in the columns:

By applying the same style across columns, the entire row will appear with the desired color of the text uniformly when selected.

<telerik:DataGridTextColumn PropertyName="Name"
                            HeaderText="Name"
                            CellContentStyle="{StaticResource DefaultTextCellStyle}" />

<telerik:DataGridTextColumn PropertyName="Age"
                            HeaderText="Age"
                            CellContentStyle="{StaticResource DefaultTextCellStyle}" />

3. Optional: Use Telerik Theming

For broader consistency across the application, Telerik Theming can be combined with this approach.

Hope this helps.

Regards,
Denis
Progress Telerik