row background color

[normalham2]

How do I change the row background color for the parent row, and a different row background color for the child rows?

Thanks,
Todd

[Maya]

Hello normalham2,

You may define two different styles with TargetType - GridViewRow and apply each of them to the desired grid using the RowStyle Property. For example:

<UserControl.Resources>
   <Style x:Key="childRowStyle" TargetType="telerik:GridViewRow">
       <Setter Property="Background" Value="AliceBlue" />
   </Style>
   <Style x:Key="parentRowStyle" TargetType="telerik:GridViewRow">
       <Setter Property="Background" Value="Bisque" />
   </Style>
</UserControl.Resources>

And then:

<telerik:RadGridView Name="playersGrid"                                 
                    RowStyle="{StaticResource childRowStyle}"

                    ItemsSource="{Binding Players}" />

<telerik:RadGridView Name="clubsGrid"
          RowStyle="{StaticResource parentRowStyle}"
           ItemsSource="{Binding Clubs}" />

Sincerely yours,
Maya
the Telerik team

[Juan]

Hi Maya!
How can I change row backround using binding ? I have several types of items and they should have different background color.

[Maya]

Hi Juan,

In this case, depending on your exact requirements, you may consider using Conditional Styling and developing different StyleSelectors on different rows. You may find an example on how to do that in our demos.  

All the best,
Maya
the Telerik team

[Juan]

Thank you Maya,
But I can't find Telerik.Windows.Examples namespace and source code for UnitPriceConveter used in that demo.

[Vlad]

Hello,

 If you download our demos you can find these classes in StyleSelectors folder. Here is the code for UnitPriceConveter:

public class UnitPriceConveter : IValueConverter
    {
        #region IValueConverter Members

        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            Products product = value as Products;

            if (product != null)
            {
                return product.UnitPrice > 30 ? true : false;
            }

            return null;
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }

        #endregion
    }

Sincerely yours,
Vlad
the Telerik team

[Cristina]

Hi, this example can be used for RadTreeListView? If feasible, what would the declaration in the <telerik: RadTreeListView?. Thanks

[Vlad]

Hello Cristina,

 You can check our online demos for more info. 

Greetings,
Vlad
the Telerik team