Alternate Row Color

[Duncan]

This works with the standard ListBox:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:t="http://schemas.telerik.com/2008/xaml/presentation"
        Title="MainWindow" Height="350" Width="525">
    <Grid>

        <Grid.Resources>
            <Style  TargetType="{x:Type ListBoxItem}">
                <Style.Triggers>
                    <Trigger Property="ItemsControl.AlternationIndex" Value="0">
                        <Setter Property="Background" Value="LightYellow"></Setter>
                    </Trigger>
                    <Trigger Property="ItemsControl.AlternationIndex" Value="1">
                        <Setter Property="Background" Value="LightBlue"></Setter>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Grid.Resources>


        <ListBox ItemsSource="{Binding Path=Items}"
                      AlternationCount="2"/>

    </Grid>
</Window>

This does not work with the RadListBox:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:t="http://schemas.telerik.com/2008/xaml/presentation"
        Title="MainWindow" Height="350" Width="525">
    <Grid>

        <Grid.Resources>
            <Style  TargetType="{x:Type t:RadListBoxItem}">
                <Style.Triggers>
                    <Trigger Property="ItemsControl.AlternationIndex" Value="0">
                        <Setter Property="Background" Value="LightYellow"></Setter>
                    </Trigger>
                    <Trigger Property="ItemsControl.AlternationIndex" Value="1">
                        <Setter Property="Background" Value="LightBlue"></Setter>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Grid.Resources>


        <t:RadListBox ItemsSource="{Binding Path=Items}"
                      AlternationCount="2"/>

    </Grid>
</Window>

Any ideas?

[Dani]

Hi Duncan,

Please, try moving you custom implicit style to the App.xaml resources as it won't get applied from Grid.Reosurces. Or, you can try setting it explicitly via the ItemContainerStyle property of the RadListBox control.

Hope this helps.

Regards,
Dani
the Telerik team

[ben]

I'm not having any luck getting the suggestions to work, I've moved the style all over the place and the only thing I've been able to accomplish is hiding all of the items in the RadListBox.

Is it possible to have alternating row colors in a RadListBox, and if so can one provide a working example?

 

Thanks!

[Geri]

Hello Ben,

Attached you can find a sample project where the style is set explicitly via the ItemContainerStyle property of RadListBox and the rows are colored differently according to the set Background value.

Please, take a look at the project and let us know if you have any further inquiries.

Regards,
Geri
Telerik