Alternating color of rows

[John]

Hi!

There is any way to show a different color for even and odd rows?

Thanks!

[Sid]

John,

The easiest way is to apply a theme.  The Telerik theme has alternating row colors.  You can set this individually in the property for the grid or you can make it app wide by placing a style in the app.xaml file.  (This assumes you're using the 2009Q1 version, the property is StyleManager.Theme vs. Theming.Theme)

 

 

 

 

            <Style TargetType="{x:Type telerik:RadGridView}">
                <Setter Property="telerik:StyleManager.Theme">
                    <Setter.Value>
                        <telerik:TelerikTheme/>
                    </Setter.Value>
                </Setter>
            </Style>

 

 

 

 

HTH,
-Sid.

 

 

[John]

Hi!

All my application are currently using the Vista theme, and in this Theme the rows are all of the same color.  I'm happy with this theme so it's in consonance with the app.

Can I make it without changing the general look of the gridview?


Thanks

[Kalin Milanov]

Hi John,

Here is a sample code which shows how to set background color to alternate grid rows. This one again assumes you have 2009Q1 version of the RadGridView.

<telerik:RadGridView Name="RadGridView1" telerik:StyleManager.Theme="Vista">

<telerik:RadGridView.Resources>

<Style x:Key="GridViewAlternateRowStyle" TargetType="telerik:GridViewRow">

<Setter Property="Background" Value="Red" />

</Style>

</telerik:RadGridView.Resources>

<telerik:RadGridView.RowAppearance>

<telerik:RowAppearanceSettings UseAlternateRowStyle="True"  AlternateRowStyle="{StaticResource GridViewAlternateRowStyle}" />

</telerik:RadGridView.RowAppearance>

</telerik:RadGridView>

I guess you would also want to replace the Red color with the one of your choice.

Sincerely yours,
Kalin Milanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Brad]

How do you keep the column lines?

[Kalin Milanov]

Hi Brad,

I do not understand your concern. Could you please elaborate on your issue with the column lines? 

Currently Vista theme displays vertical grid lines and they are shown even if you recolor you rows or use alternate row colors. 

I am waiting for more information. 

Sincerely yours,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.

[Rodney Foley]

Kalin ,

If that is for 2009Q1 what is the solution for 2009Q3?

I have the same need and it seems by your comments that I shouldn't try your example on anything but 2009Q1.  If it is for 2009Q1 or HIGHER then that would be great. 

[Kalin Milanov]

Hi Rodney,

The solution for Q3 is pretty much the same. Here is some sample XAML:

<Window.Resources>
    <Style x:Key="AlternateRowColor" TargetType="{x:Type telerik:GridViewRow}">
        <Setter Property="Background" Value="Red" />
    </Style>
</Window.Resources>
<Grid x:Name="LayoutRoot">
    <telerik:RadGridView ItemsSource="{Binding Collection, Source={StaticResource SampleDataSource}}" AlternationCount="2" AlternateRowStyle="{DynamicResource AlternateRowColor}"/>
</Grid>

I hope this helps.

Regards,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Rodney Foley]

Thanks, and for the record that is not pretty much the same, they are different enough that the first example didn't work and the second one does. :)  Since telerik:RowAppearanceSettings doesn't exist any more and the AlternateRowStyle is now a RadGridView property. Yeah but working and not working are pretty much the same. :)