GridView filter combo text color not correct for theme

[Peter]

After applying an application-wide theme and then specifying a different RadGridView theme in XAML the text color for the grid's filter combo remains the application theme.  In my example, I used Expression Dark for the application theme and Office Black for the grid theme.  In this case the filter combo text is light gray against a white background, which is difficult for users to read.  Below are code snippets for both the XAML and the main page cs.

<telerikGridView:RadGridView x:Name="grid" AutoExpandGroups="True" AutoGenerateColumns="False" telerik:StyleManager.Theme="Office_Black"></telerikGridView:RadGridView>

public MainPage()

 

{

 

 

InitializeComponent();

 

 

 

StyleManager.ApplicationTheme = new Expression_DarkTheme();
}

I am using RadControls for Silverlight Q1 2011 SP1.

Assuming this is not the expected behavior, is there a suitable workaround available?  Thanks.

[Vanya Pavlova]

Hello Peter,

 

Indeed you are quite right. The reason by which you get this behavior is in the fact you are setting the Expression_Dark theme as an application one. At runtime RadGridView gets its default theme, however when you expand the RadComboBox control the foreground is light, because of the PopUp control which is internally used.
For the time being I would suggest you to set these themes at an element level rather than as an application one, you may refer to the following:

<Grid x:Name="LayoutRoot" Background="White" DataContext="{Binding Source={StaticResource SampleDataSource}}">
        <telerik:RadGridView x:Name="grid" telerik:StyleManager.Theme="Office_Black" Margin="48,40,64,200" ItemsSource="{Binding Collection}">
        </telerik:RadGridView>
        <telerik:RadCalendar telerik:StyleManager.Theme="Expression_Dark" HorizontalAlignment="Left" Height="152" Margin="24,0,0,24" VerticalAlignment="Bottom" Width="152"/>
        <telerik:RadDataPager telerik:StyleManager.Theme="Expression_Dark" Height="32" Margin="224,0,128,144" VerticalAlignment="Bottom"/>
        <telerik:RadButton telerik:StyleManager.Theme="Expression_Dark" Content="Button" Height="24" Margin="224,0,272,24" VerticalAlignment="Bottom"/>
        <!--<The rest of your controls>-->
    </Grid>

Hope this helps!

Regards,
Vanya Pavlova
the Telerik team