New to Telerik UI for WPF? Download free 30-day trial

Add alternation color to the drop-down items of RadComboBox

Environment

Product Version 2020.3 1116
Product RadComboBox for WPF

Description

How to add alternation color to the items inside the drop-down content of RadComboBox control.

Solution

To add alternation color to the items inside the drop-down content you can take advantage of the AlternationCount property. This property comes from the native ItemsControl class. As the RadComboBox inherits ItemsControl you can take advante of this funtionality.

The following example demonstrates how to use this property and how to apply custom color to the alternation items.

<telerik:RadComboBox AlternationCount="2" ItemsSource="{Binding Data}" DisplayMemberPath="Name"> 
    <telerik:RadComboBox.ItemContainerStyle> 
        <Style TargetType="telerik:RadComboBoxItem"> 
            <Style.Triggers> 
                <Trigger Property="ItemsControl.AlternationIndex" Value="0"> 
                    <Setter Property="Background" Value="Bisque"/> 
                    <Setter Property="Foreground" Value="Purple"/> 
                </Trigger> 
                <Trigger Property="ItemsControl.AlternationIndex" Value="1"> 
                    <Setter Property="Background" Value="LightBlue"/> 
                    <Setter Property="Foreground" Value="Navy"/> 
                </Trigger> 
            </Style.Triggers> 
        </Style> 
    </telerik:RadComboBox.ItemContainerStyle> 
</telerik:RadComboBox> 
In this article