How to change Style on Selected Row

[Kennet]

Hi,

This is not working on hower and selecteded row. I don't want the fance Telrik selection...

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

            <Setter Property="Background"  Value="#474747"/>
            <Setter Property="Foreground"  Value="#cecece"/>

            <Style.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="Background"  Value="#a9d9ff"/>
                        <Setter Property="Foreground"  Value="Black"/>
                </Trigger>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background"  Value="#474747"/>
                        <Setter Property="Foreground"  Value="White"/>
                </Trigger>
                </Style.Triggers>
            </Style>

I also have alternete row color

<telerik:RadGridView Background="#474747" Foreground="#cecece"  AlternationCount="2" AlternateRowBackground="#FF313131" RowStyle="{StaticResource myRowStyle}">

How shall I do..?

Kind Regards
Kennet

[Ваня]

Hi,

you should use Blend for that purpose -Please check my last post from the following thread:

http://www.telerik.com/community/forums/wpf/gridview/changing-the-highlight-selection-color-for-an-entire-row.aspx

The key part is here:

<Trigger Property="IsSelected" Value="True">

<Setter Property="Opacity" TargetName="Background_Selected" Value="1"/>

<Setter Property="Foreground" Value="LightYellow"/>

<Setter Property="FontSize" Value="36"/>

</Trigger>

Accordingly you can change IsMouseOver as you wish-if you do not want to use built-in animations simply delete them.... and so on...

Regards...

[Kennet]

I saw that post, but it's not working with AlternteRow color. Mouseover only change style on evety second row :-(

/Ken

[Ваня]

Hi,

So what do you want in IsMouseOver and IsSelected -and what about alternatingrowcolour............

[Kennet]

I want same mouseover and selection colors on every row, alernate colored or normal color.

/Ken

[Ваня]

Hi see the picture below -I am using exactly the same example from the thread I suggested you before- MouseOver/IsSelected work as expected for ALL rows:

The only one modificiation is that I have added these properties you want:AlternationCount and AlternationRowBackground

 <telerik:RadGridView Width="600" Height="400"  AutoGenerateColumns="True" ItemsSource="{Binding}"  HorizontalAlignment="Left" Margin="17,22,0,0" Name="radGridView1" VerticalAlignment="Top"  AlternateRowBackground="#FF121111" AlternationCount="2" />

According to me you should not set the RowStyle explicitly-copy and paste the style from the previous thread add the following lines above .... to see only the example and you will see the mechanism

Hope this helps!

[Kennet]

OK, I manage to fix it i Blend. With Alternete rows,

Here is my code:

<Window.Resources>


        <Style x:Key="GridViewRowStyleRow" TargetType="{x:Type telerik:GridViewRow}">

            <Setter Property="Template" Value="{DynamicResource GridViewRowControlTemplateRow}"/>

            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Foreground"  Value="White"/>
                </Trigger>
            </Style.Triggers>

        </Style>

        <Style x:Key="GridViewRowStyleAltRow" TargetType="{x:Type telerik:GridViewRow}">

            <Setter Property="Template" Value="{DynamicResource GridViewRowControlTemplateAltRow}"/>

            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Foreground"  Value="White"/>
                </Trigger>
            </Style.Triggers>
        </Style>

        <ControlTemplate x:Key="GridViewRowControlTemplateRow" TargetType="{x:Type telerik:GridViewRow}">
            <Border BorderThickness="{TemplateBinding BorderThickness}">
                <telerik:SelectiveScrollingGrid x:Name="grid" Background="#FF474747">
                    <telerik:SelectiveScrollingGrid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </telerik:SelectiveScrollingGrid.ColumnDefinitions>
                    <telerik:SelectiveScrollingGrid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </telerik:SelectiveScrollingGrid.RowDefinitions>
                    <Border x:Name="SelectionBackground" Grid.ColumnSpan="2" Grid.Column="2" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Margin}" Padding="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" BorderBrush="#FF5AA5E0"/>
                    <Border x:Name="Background_Over" BorderThickness="1" Grid.ColumnSpan="2" Grid.Column="2" CornerRadius="1" Margin="1,1,1,2" Opacity="0">
                        <Border BorderBrush="White" Background="#FF474747"/>
                    </Border>
                    <Border x:Name="Background_Selected" BorderBrush="{x:Null}" BorderThickness="0" Grid.ColumnSpan="2" Grid.Column="2" CornerRadius="1" Margin="1,1,1,2" Opacity="0" Background="#FF5AA5E0">
                        <Border BorderBrush="#FF5AA5E0" Background="#FF5AA5E0"/>
                    </Border>
                    <Border x:Name="Background_Invalid" BorderBrush="#FFCE7D7D" BorderThickness="1" Grid.ColumnSpan="2" Grid.Column="2" CornerRadius="1" Margin="1,1,1,2" Opacity="0">
                        <Border BorderThickness="1">
                            <Border.BorderBrush>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFEBF4FD"/>
                                    <GradientStop Color="#FFDBEAFD" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.BorderBrush>
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFCDCDC"/>
                                    <GradientStop Color="#FFFCC1C1" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.Background>
                        </Border>
                    </Border>
                    <telerik:GridViewToggleButton Grid.Column="2" IsHitTestVisible="{Binding IsExpandable, RelativeSource={RelativeSource TemplatedParent}}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Width="25">
                        <telerik:GridViewToggleButton.Opacity>
                            <Binding Path="IsExpandable" RelativeSource="{RelativeSource TemplatedParent}">
                                <Binding.Converter>
                                    <telerik:BooleanToOpacityConverter/>
                                </Binding.Converter>
                            </Binding>
                        </telerik:GridViewToggleButton.Opacity>
                        <telerik:GridViewToggleButton.Visibility>
                            <Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}">
                                <Binding.Converter>
                                    <telerik:BooleanToVisibilityConverter/>
                                </Binding.Converter>
                            </Binding>
                        </telerik:GridViewToggleButton.Visibility>
                    </telerik:GridViewToggleButton>
                    <Border Grid.Column="2" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                        <Border.Visibility>
                            <Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}">
                                <Binding.Converter>
                                    <telerik:BooleanToVisibilityConverter/>
                                </Binding.Converter>
                            </Binding>
                        </Border.Visibility>
                    </Border>
                    <telerik:DataCellsPresenter x:Name="PART_DataCellsPresenter" Grid.Column="3" IsTabStop="False">
                        <telerik:StyleManager.Theme>
                            <telerik:Office_BlackTheme/>
                        </telerik:StyleManager.Theme>
                    </telerik:DataCellsPresenter>
                    <Border x:Name="PART_RowBorder" Grid.ColumnSpan="4" Grid.Column="1" Grid.RowSpan="4" VerticalAlignment="Bottom"/>
                    <Border BorderBrush="#FF848484" BorderThickness="0,1" Background="#FFBBBBBB" Grid.ColumnSpan="2" Grid.Column="2" Padding="6" Grid.Row="2">
                        <Border.Visibility>
                            <Binding Path="IsExpanded" RelativeSource="{RelativeSource TemplatedParent}">
                                <Binding.Converter>
                                    <telerik:BooleanToVisibilityConverter/>
                                </Binding.Converter>
                            </Binding>
                        </Border.Visibility>
                        <ContentPresenter x:Name="PART_HierarchyChildPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/>
                    </Border>
                    <telerik:DetailsPresenter x:Name="PART_DetailsPresenter" Grid.ColumnSpan="2" Grid.Column="2" DetailsProvider="{TemplateBinding DetailsProvider}" IsTabStop="False" Grid.Row="1" Visibility="Collapsed">
                        <telerik:StyleManager.Theme>
                            <telerik:Office_BlackTheme/>
                        </telerik:StyleManager.Theme>
                    </telerik:DetailsPresenter>
                    <telerik:IndentPresenter x:Name="PART_IndentPresenter" Grid.Column="1" IsTabStop="False" IndentLevel="{TemplateBinding IndentLevel}" Grid.RowSpan="4" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                        <telerik:StyleManager.Theme>
                            <telerik:Office_BlackTheme/>
                        </telerik:StyleManager.Theme>
                    </telerik:IndentPresenter>
                    <Border x:Name="PART_IndicatorPresenter" BorderBrush="#FF848484" BorderThickness="0,0,1,1" Grid.Column="0" Grid.RowSpan="3" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{TemplateBinding RowIndicatorVisibility}" VerticalAlignment="Stretch" Width="25">
                        <Border x:Name="NavigatorIndicatorBackground" BorderBrush="White" BorderThickness="1" Background="#FFE4E4E4">
                            <Grid>
                                <Grid x:Name="ErrorIndicator" HorizontalAlignment="Center" Height="16" Visibility="Collapsed" VerticalAlignment="Center" Width="16">
                                    <Path Data="M3,12.999999L4,12.999999 5,12.999999 6,12.999999 7,12.999999 8,12.999999 9,12.999999 10,12.999999 11,12.999999 11,13.999999 10,13.999999 9,13.999999 8,13.999999 7,13.999999 6,13.999999 5,13.999999 4,13.999999 3,13.999999z M11,11.999999L12,11.999999 12,12.999999 11,12.999999z M2.0000001,11.999999L3,11.999999 3,12.999999 2.0000001,12.999999z M12,10.999999L13,10.999999 13,11.999999 12,11.999999z M1,10.999999L2.0000001,10.999999 2.0000001,11.999999 1,11.999999z M13,2.9999992L14,2.9999992 14,3.9999992 14,4.9999992 14,5.9999992 14,6.9999992 14,7.9999992 14,8.9999992 14,9.9999992 14,10.999999 13,10.999999 13,9.9999992 13,8.9999992 13,7.9999992 13,6.9999992 13,5.9999992 13,4.9999992 13,3.9999992z M0,2.9999992L1,2.9999992 1,3.9999992 1,4.9999992 1,5.9999992 1,6.9999992 1,7.9999992 1,8.9999992 1,9.9999992 1,10.999999 0,10.999999 0,9.9999992 0,8.9999992 0,7.9999992 0,6.9999992 0,5.9999992 0,4.9999992 0,3.9999992z M12,1.9999999L13,1.9999999 13,2.9999992 12,2.9999992z M1,1.9999999L2.0000001,1.9999999 2.0000001,2.9999992 1,2.9999992z M11,0.99999994L12,0.99999994 12,1.9999999 11,1.9999999z M2.0000001,0.99999994L2.9999998,0.99999994 2.9999998,1.9999999 2.0000001,1.9999999z M2.9999998,0L3.9999998,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 3.9999998,0.99999994 2.9999998,0.99999994z" Margin="1" Stretch="Fill">
                                        <Path.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="#FFFC9999" Offset="0"/>
                                                <GradientStop Color="#FFC26666" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <Path Data="M1.4901161E-07,8L1.0000001,8 2.0000002,8 2.0000002,9 2.0000002,10 1.0000003,10 1.0000003,9 1.0000001,10 1.4901161E-07,10 1.4901161E-07,9z M1.4901161E-07,0L1.0000001,0 2.0000002,0 2.0000002,1 2.0000002,2 2.0000002,3 2.0000002,4.0000001 2.0000002,5 2.0000002,5.9999999 2.0000002,7 1.0000001,7 1.4901161E-07,7 1.4901161E-07,5.9999999 1.4901161E-07,5 1.4901161E-07,4.0000001 1.4901161E-07,3 1.4901161E-07,2 0,1z" Fill="White" Margin="7,3" Stretch="Fill"/>
                                    <Path Data="M4,15L5,15 6,15 7,15 8,15 9,15 10,15 11,15 12,15 12,16 11,16 10,16 9,16 8,16 7,16 6,16 5,16 4,16z M12,14L13,14 13,15 12,15z M3,14L4,14 4,15 3,15z M13,13L14,13 14,14 13,14z M2,13L3,13 3,14 2,14z M14,12L15,12 15,13 14,13z M1,12L2,12 2,13 1,13z M7,11L7,12 7,13 8,13 9,13 9,12 9,11 8,11z M15,4L16,4 16,5 16,6 16,7 16,8 16,9 16,10 16,11 16,12 15,12 15,11 15,10 15,9 15,8 15,7 15,6 15,5z M0,4L1,4 1,5 1,6 1,7 1,8 1,9 1,10 1,11 1,12 0,12 0,11 0,10 0,9 0,8 0,7 0,6 0,5z M14,3L15,3 15,4 14,4z M7,3L7,4 7,5 7,6 7,7 7,8 7,9 7,10 8,10 9,10 9,9 9,8 9,7 9,6 9,5 9,4 9,3 8,3z M1,3L2,3 2,4 1,4z M13,2L14,2 14,3 13,3z M4,2L5,2 6,2 7,2 8,2 9,2 10,2 11,2 12,2 12,3 13,3 13,4 14,4 14,5 14,6 14,7 14,8 14,9 14,10 14,11 14,12 13,12 13,13 12,13 12,14 11,14 10,14 9,14 8,14 7,14 6,14 5,14 4,14 4,13 3,13 3,12 2,12 2,11 2,10 2,9 2,8 2,7 2,6 2,5 2,4 3,4 3,3 4,3z M2,2L3,2 3,3 2,3z M12,1L13,1 13,2 12,2z M3,1L4,1 4,2 3,2z M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1z" Stretch="Fill">
                                        <Path.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="Red" Offset="0"/>
                                                <GradientStop Color="#FF990000" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Grid>
                                <Grid x:Name="NavigatorIndicator" HorizontalAlignment="Center" Height="9" Visibility="Collapsed" VerticalAlignment="Center" Width="9">
                                    <Path Data="M0.5,0.5L8.5,4.4375 0.5,8.5z" Stroke="#E5343434" StrokeThickness="1">
                                        <Path.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="White"/>
                                                <GradientStop Color="#FF4D4D4D" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Grid>
                                <Grid x:Name="EditIndicator" HorizontalAlignment="Center" Height="10" Visibility="Collapsed" VerticalAlignment="Center" Width="16">
                                    <Path Data="M14,9L15,9 15,10 14,10z M1,9L2,9 2,10 1,10z M15,8L16,8 16,9 15,9z M0,8L1,8 1,9 0,9z M15,1L16,1 16,2 15,2z M0,1L1,1 1,2 0,2z M14,0L15,0 15,1 14,1z M1,0L2,0 2,1 1,1z" Fill="#7F848484" Stretch="Fill"/>
                                    <Path Data="M0.99999994,6.9999995L2,6.9999995 3,6.9999995 4,6.9999995 5,6.9999995 6,6.9999995 7,6.9999995 8,6.9999995 9,6.9999995 10,6.9999995 11,6.9999995 12,6.9999995 13,6.9999995 13,7.9999995 12,7.9999995 11,7.9999995 10,7.9999995 9,7.9999995 8,7.9999995 7,7.9999995 6,7.9999995 5,7.9999995 4,7.9999995 3,7.9999995 2,7.9999995 0.99999994,7.9999995z M13,0.99999994L14,0.99999994 14,1.9999999 14,2.9999995 14,3.9999995 14,4.9999995 14,5.9999995 14,6.9999995 13,6.9999995 13,5.9999995 13,4.9999995 13,3.9999995 13,2.9999995 13,1.9999999z M0,0.99999994L0.99999994,0.99999994 0.99999994,1.9999999 0.99999994,2.9999995 0.99999994,3.9999995 0.99999994,4.9999995 0.99999994,5.9999995 0.99999994,6.9999995 0,6.9999995 0,5.9999995 0,4.9999995 0,3.9999995 0,2.9999995 0,1.9999999z M11,0L12,0 13,0 13,0.99999994 12,0.99999994 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 4,0.99999994 3,0.99999994 2,0.99999994 0.99999994,0.99999994 0.99999994,2.3841858E-07 2,2.3841858E-07 3,2.3841858E-07 4,2.3841858E-07 5,2.3841858E-07 6,2.3841858E-07 7,2.3841858E-07 8,2.3841858E-07 9,2.3841858E-07 10,2.3841858E-07z" Fill="#FFCBCBCB" Margin="1" Stretch="Fill"/>
                                    <Path Data="M2,9L3,9 4,9 5,9 6,9 7,9 8,9 9,9 10,9 11,9 12,9 13,9 14,9 14,10 13,10 12,10 11,10 10,10 9,10 8,10 7,10 6,10 5,10 4,10 3,10 2,10z M14,8L15,8 15,9 14,9z M1,8L2,8 2,9 1,9z M15,2L16,2 16,3 16,4 16,5 16,6 16,7 16,8 15,8 15,7 15,6 15,5 15,4 15,3z M3,2L4,2 5,2 6,2 6,3 5,3 5,4 5,5 5,6 5,7 6,7 6,8 5,8 4,8 3,8 3,7 4,7 4,6 4,5 4,4 4,3 3,3z M0,2L1,2 1,3 1,4 1,5 1,6 1,7 1,8 0,8 0,7 0,6 0,5 0,4 0,3z M14,1L15,1 15,2 14,2z M1,1L2,1 2,2 1,2z M2,0L3,0 4,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 13,0 14,0 14,1 13,1 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1 3,1 2,1z" Fill="#FF848484" Stretch="Fill"/>
                                    <Path Data="M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 12,2 12,3 12,4 12,5.0000001 12,6 11,6 10,6 9,6 8,6 7,6 6,6 5,6 4,6 4,5.0000001 3,5.0000001 3,4 3,3 3,2 3,1 4,1z M0,0L1,0 1,1 2,1 2,2 2,3 2,4 2,5.0000001 1,5.0000001 1,6 0,6 0,5.0000001 0,4 0,3 0,2 0,1z" Fill="White" Margin="2" Stretch="Fill"/>
                                </Grid>
                            </Grid>
                        </Border>
                    </Border>
                </telerik:SelectiveScrollingGrid>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Opacity" TargetName="Background_Selected" Value="1"/>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background_Over">
                                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background_Over">
                                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="0"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>
                <Trigger Property="IsContentValid" Value="False">
                    <Setter Property="Opacity" TargetName="Background_Invalid" Value="1"/>
                    <Setter Property="Visibility" TargetName="ErrorIndicator" Value="Visible"/>
                    <Setter Property="Visibility" TargetName="EditIndicator" Value="Collapsed"/>
                    <Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Collapsed"/>
                </Trigger>
                <Trigger Property="IsCurrent" Value="True">
                    <Setter Property="Background" TargetName="NavigatorIndicatorBackground">
                        <Setter.Value>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF848484" Offset="0"/>
                                <GradientStop Color="#FFE4E4E4" Offset="1"/>
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Visible"/>
                </Trigger>
                <Trigger Property="IsInEditMode" Value="True">
                    <Setter Property="Visibility" TargetName="EditIndicator" Value="Visible"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>


         <ControlTemplate x:Key="GridViewRowControlTemplateAltRow" TargetType="{x:Type telerik:GridViewRow}">
            <Border BorderThickness="{TemplateBinding BorderThickness}">
                <telerik:SelectiveScrollingGrid x:Name="grid" Background="#FF313131">
                    <telerik:SelectiveScrollingGrid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </telerik:SelectiveScrollingGrid.ColumnDefinitions>
                    <telerik:SelectiveScrollingGrid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </telerik:SelectiveScrollingGrid.RowDefinitions>
                    <Border x:Name="SelectionBackground" Grid.ColumnSpan="2" Grid.Column="2" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Margin}" Padding="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" BorderBrush="#FF5AA5E0"/>
                    <Border x:Name="Background_Over" BorderThickness="1" Grid.ColumnSpan="2" Grid.Column="2" CornerRadius="1" Margin="1,1,1,2" Opacity="0">
                        <Border BorderBrush="White" Background="#FF313131"/>
                    </Border>
                    <Border x:Name="Background_Selected" BorderBrush="{x:Null}" BorderThickness="0" Grid.ColumnSpan="2" Grid.Column="2" CornerRadius="1" Margin="1,1,1,2" Opacity="0" Background="#FF5AA5E0">
                        <Border BorderBrush="#FF5AA5E0" Background="#FF5AA5E0"/>
                    </Border>
                    <Border x:Name="Background_Invalid" BorderBrush="#FFCE7D7D" BorderThickness="1" Grid.ColumnSpan="2" Grid.Column="2" CornerRadius="1" Margin="1,1,1,2" Opacity="0">
                        <Border BorderThickness="1">
                            <Border.BorderBrush>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFEBF4FD"/>
                                    <GradientStop Color="#FFDBEAFD" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.BorderBrush>
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFCDCDC"/>
                                    <GradientStop Color="#FFFCC1C1" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.Background>
                        </Border>
                    </Border>
                    <telerik:GridViewToggleButton Grid.Column="2" IsHitTestVisible="{Binding IsExpandable, RelativeSource={RelativeSource TemplatedParent}}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Width="25">
                        <telerik:GridViewToggleButton.Opacity>
                            <Binding Path="IsExpandable" RelativeSource="{RelativeSource TemplatedParent}">
                                <Binding.Converter>
                                    <telerik:BooleanToOpacityConverter/>
                                </Binding.Converter>
                            </Binding>
                        </telerik:GridViewToggleButton.Opacity>
                        <telerik:GridViewToggleButton.Visibility>
                            <Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}">
                                <Binding.Converter>
                                    <telerik:BooleanToVisibilityConverter/>
                                </Binding.Converter>
                            </Binding>
                        </telerik:GridViewToggleButton.Visibility>
                    </telerik:GridViewToggleButton>
                    <Border Grid.Column="2" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                        <Border.Visibility>
                            <Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}">
                                <Binding.Converter>
                                    <telerik:BooleanToVisibilityConverter/>
                                </Binding.Converter>
                            </Binding>
                        </Border.Visibility>
                    </Border>
                    <telerik:DataCellsPresenter x:Name="PART_DataCellsPresenter" Grid.Column="3" IsTabStop="False">
                        <telerik:StyleManager.Theme>
                            <telerik:Office_BlackTheme/>
                        </telerik:StyleManager.Theme>
                    </telerik:DataCellsPresenter>
                    <Border x:Name="PART_RowBorder" Grid.ColumnSpan="4" Grid.Column="1" Grid.RowSpan="4" VerticalAlignment="Bottom"/>
                    <Border BorderBrush="#FF848484" BorderThickness="0,1" Background="#FFBBBBBB" Grid.ColumnSpan="2" Grid.Column="2" Padding="6" Grid.Row="2">
                        <Border.Visibility>
                            <Binding Path="IsExpanded" RelativeSource="{RelativeSource TemplatedParent}">
                                <Binding.Converter>
                                    <telerik:BooleanToVisibilityConverter/>
                                </Binding.Converter>
                            </Binding>
                        </Border.Visibility>
                        <ContentPresenter x:Name="PART_HierarchyChildPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/>
                    </Border>
                    <telerik:DetailsPresenter x:Name="PART_DetailsPresenter" Grid.ColumnSpan="2" Grid.Column="2" DetailsProvider="{TemplateBinding DetailsProvider}" IsTabStop="False" Grid.Row="1" Visibility="Collapsed">
                        <telerik:StyleManager.Theme>
                            <telerik:Office_BlackTheme/>
                        </telerik:StyleManager.Theme>
                    </telerik:DetailsPresenter>
                    <telerik:IndentPresenter x:Name="PART_IndentPresenter" Grid.Column="1" IsTabStop="False" IndentLevel="{TemplateBinding IndentLevel}" Grid.RowSpan="4" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                        <telerik:StyleManager.Theme>
                            <telerik:Office_BlackTheme/>
                        </telerik:StyleManager.Theme>
                    </telerik:IndentPresenter>
                    <Border x:Name="PART_IndicatorPresenter" BorderBrush="#FF848484" BorderThickness="0,0,1,1" Grid.Column="0" Grid.RowSpan="3" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{TemplateBinding RowIndicatorVisibility}" VerticalAlignment="Stretch" Width="25">
                        <Border x:Name="NavigatorIndicatorBackground" BorderBrush="White" BorderThickness="1" Background="#FFE4E4E4">
                            <Grid>
                                <Grid x:Name="ErrorIndicator" HorizontalAlignment="Center" Height="16" Visibility="Collapsed" VerticalAlignment="Center" Width="16">
                                    <Path Data="M3,12.999999L4,12.999999 5,12.999999 6,12.999999 7,12.999999 8,12.999999 9,12.999999 10,12.999999 11,12.999999 11,13.999999 10,13.999999 9,13.999999 8,13.999999 7,13.999999 6,13.999999 5,13.999999 4,13.999999 3,13.999999z M11,11.999999L12,11.999999 12,12.999999 11,12.999999z M2.0000001,11.999999L3,11.999999 3,12.999999 2.0000001,12.999999z M12,10.999999L13,10.999999 13,11.999999 12,11.999999z M1,10.999999L2.0000001,10.999999 2.0000001,11.999999 1,11.999999z M13,2.9999992L14,2.9999992 14,3.9999992 14,4.9999992 14,5.9999992 14,6.9999992 14,7.9999992 14,8.9999992 14,9.9999992 14,10.999999 13,10.999999 13,9.9999992 13,8.9999992 13,7.9999992 13,6.9999992 13,5.9999992 13,4.9999992 13,3.9999992z M0,2.9999992L1,2.9999992 1,3.9999992 1,4.9999992 1,5.9999992 1,6.9999992 1,7.9999992 1,8.9999992 1,9.9999992 1,10.999999 0,10.999999 0,9.9999992 0,8.9999992 0,7.9999992 0,6.9999992 0,5.9999992 0,4.9999992 0,3.9999992z M12,1.9999999L13,1.9999999 13,2.9999992 12,2.9999992z M1,1.9999999L2.0000001,1.9999999 2.0000001,2.9999992 1,2.9999992z M11,0.99999994L12,0.99999994 12,1.9999999 11,1.9999999z M2.0000001,0.99999994L2.9999998,0.99999994 2.9999998,1.9999999 2.0000001,1.9999999z M2.9999998,0L3.9999998,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 3.9999998,0.99999994 2.9999998,0.99999994z" Margin="1" Stretch="Fill">
                                        <Path.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="#FFFC9999" Offset="0"/>
                                                <GradientStop Color="#FFC26666" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                    <Path Data="M1.4901161E-07,8L1.0000001,8 2.0000002,8 2.0000002,9 2.0000002,10 1.0000003,10 1.0000003,9 1.0000001,10 1.4901161E-07,10 1.4901161E-07,9z M1.4901161E-07,0L1.0000001,0 2.0000002,0 2.0000002,1 2.0000002,2 2.0000002,3 2.0000002,4.0000001 2.0000002,5 2.0000002,5.9999999 2.0000002,7 1.0000001,7 1.4901161E-07,7 1.4901161E-07,5.9999999 1.4901161E-07,5 1.4901161E-07,4.0000001 1.4901161E-07,3 1.4901161E-07,2 0,1z" Fill="White" Margin="7,3" Stretch="Fill"/>
                                    <Path Data="M4,15L5,15 6,15 7,15 8,15 9,15 10,15 11,15 12,15 12,16 11,16 10,16 9,16 8,16 7,16 6,16 5,16 4,16z M12,14L13,14 13,15 12,15z M3,14L4,14 4,15 3,15z M13,13L14,13 14,14 13,14z M2,13L3,13 3,14 2,14z M14,12L15,12 15,13 14,13z M1,12L2,12 2,13 1,13z M7,11L7,12 7,13 8,13 9,13 9,12 9,11 8,11z M15,4L16,4 16,5 16,6 16,7 16,8 16,9 16,10 16,11 16,12 15,12 15,11 15,10 15,9 15,8 15,7 15,6 15,5z M0,4L1,4 1,5 1,6 1,7 1,8 1,9 1,10 1,11 1,12 0,12 0,11 0,10 0,9 0,8 0,7 0,6 0,5z M14,3L15,3 15,4 14,4z M7,3L7,4 7,5 7,6 7,7 7,8 7,9 7,10 8,10 9,10 9,9 9,8 9,7 9,6 9,5 9,4 9,3 8,3z M1,3L2,3 2,4 1,4z M13,2L14,2 14,3 13,3z M4,2L5,2 6,2 7,2 8,2 9,2 10,2 11,2 12,2 12,3 13,3 13,4 14,4 14,5 14,6 14,7 14,8 14,9 14,10 14,11 14,12 13,12 13,13 12,13 12,14 11,14 10,14 9,14 8,14 7,14 6,14 5,14 4,14 4,13 3,13 3,12 2,12 2,11 2,10 2,9 2,8 2,7 2,6 2,5 2,4 3,4 3,3 4,3z M2,2L3,2 3,3 2,3z M12,1L13,1 13,2 12,2z M3,1L4,1 4,2 3,2z M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1z" Stretch="Fill">
                                        <Path.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="Red" Offset="0"/>
                                                <GradientStop Color="#FF990000" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Grid>
                                <Grid x:Name="NavigatorIndicator" HorizontalAlignment="Center" Height="9" Visibility="Collapsed" VerticalAlignment="Center" Width="9">
                                    <Path Data="M0.5,0.5L8.5,4.4375 0.5,8.5z" Stroke="#E5343434" StrokeThickness="1">
                                        <Path.Fill>
                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                <GradientStop Color="White"/>
                                                <GradientStop Color="#FF4D4D4D" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Grid>
                                <Grid x:Name="EditIndicator" HorizontalAlignment="Center" Height="10" Visibility="Collapsed" VerticalAlignment="Center" Width="16">
                                    <Path Data="M14,9L15,9 15,10 14,10z M1,9L2,9 2,10 1,10z M15,8L16,8 16,9 15,9z M0,8L1,8 1,9 0,9z M15,1L16,1 16,2 15,2z M0,1L1,1 1,2 0,2z M14,0L15,0 15,1 14,1z M1,0L2,0 2,1 1,1z" Fill="#7F848484" Stretch="Fill"/>
                                    <Path Data="M0.99999994,6.9999995L2,6.9999995 3,6.9999995 4,6.9999995 5,6.9999995 6,6.9999995 7,6.9999995 8,6.9999995 9,6.9999995 10,6.9999995 11,6.9999995 12,6.9999995 13,6.9999995 13,7.9999995 12,7.9999995 11,7.9999995 10,7.9999995 9,7.9999995 8,7.9999995 7,7.9999995 6,7.9999995 5,7.9999995 4,7.9999995 3,7.9999995 2,7.9999995 0.99999994,7.9999995z M13,0.99999994L14,0.99999994 14,1.9999999 14,2.9999995 14,3.9999995 14,4.9999995 14,5.9999995 14,6.9999995 13,6.9999995 13,5.9999995 13,4.9999995 13,3.9999995 13,2.9999995 13,1.9999999z M0,0.99999994L0.99999994,0.99999994 0.99999994,1.9999999 0.99999994,2.9999995 0.99999994,3.9999995 0.99999994,4.9999995 0.99999994,5.9999995 0.99999994,6.9999995 0,6.9999995 0,5.9999995 0,4.9999995 0,3.9999995 0,2.9999995 0,1.9999999z M11,0L12,0 13,0 13,0.99999994 12,0.99999994 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 4,0.99999994 3,0.99999994 2,0.99999994 0.99999994,0.99999994 0.99999994,2.3841858E-07 2,2.3841858E-07 3,2.3841858E-07 4,2.3841858E-07 5,2.3841858E-07 6,2.3841858E-07 7,2.3841858E-07 8,2.3841858E-07 9,2.3841858E-07 10,2.3841858E-07z" Fill="#FFCBCBCB" Margin="1" Stretch="Fill"/>
                                    <Path Data="M2,9L3,9 4,9 5,9 6,9 7,9 8,9 9,9 10,9 11,9 12,9 13,9 14,9 14,10 13,10 12,10 11,10 10,10 9,10 8,10 7,10 6,10 5,10 4,10 3,10 2,10z M14,8L15,8 15,9 14,9z M1,8L2,8 2,9 1,9z M15,2L16,2 16,3 16,4 16,5 16,6 16,7 16,8 15,8 15,7 15,6 15,5 15,4 15,3z M3,2L4,2 5,2 6,2 6,3 5,3 5,4 5,5 5,6 5,7 6,7 6,8 5,8 4,8 3,8 3,7 4,7 4,6 4,5 4,4 4,3 3,3z M0,2L1,2 1,3 1,4 1,5 1,6 1,7 1,8 0,8 0,7 0,6 0,5 0,4 0,3z M14,1L15,1 15,2 14,2z M1,1L2,1 2,2 1,2z M2,0L3,0 4,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 13,0 14,0 14,1 13,1 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1 3,1 2,1z" Fill="#FF848484" Stretch="Fill"/>
                                    <Path Data="M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 12,2 12,3 12,4 12,5.0000001 12,6 11,6 10,6 9,6 8,6 7,6 6,6 5,6 4,6 4,5.0000001 3,5.0000001 3,4 3,3 3,2 3,1 4,1z M0,0L1,0 1,1 2,1 2,2 2,3 2,4 2,5.0000001 1,5.0000001 1,6 0,6 0,5.0000001 0,4 0,3 0,2 0,1z" Fill="White" Margin="2" Stretch="Fill"/>
                                </Grid>
                            </Grid>
                        </Border>
                    </Border>
                </telerik:SelectiveScrollingGrid>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Opacity" TargetName="Background_Selected" Value="1"/>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background_Over">
                                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background_Over">
                                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="0"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>
                <Trigger Property="IsContentValid" Value="False">
                    <Setter Property="Opacity" TargetName="Background_Invalid" Value="1"/>
                    <Setter Property="Visibility" TargetName="ErrorIndicator" Value="Visible"/>
                    <Setter Property="Visibility" TargetName="EditIndicator" Value="Collapsed"/>
                    <Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Collapsed"/>
                </Trigger>
                <Trigger Property="IsCurrent" Value="True">
                    <Setter Property="Background" TargetName="NavigatorIndicatorBackground">
                        <Setter.Value>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF848484" Offset="0"/>
                                <GradientStop Color="#FFE4E4E4" Offset="1"/>
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Visible"/>
                </Trigger>
                <Trigger Property="IsInEditMode" Value="True">
                    <Setter Property="Visibility" TargetName="EditIndicator" Value="Visible"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>



    </Window.Resources>

    <Grid x:Name="LayoutRoot">
        <telerik:RadGridView RowStyle="{DynamicResource GridViewRowStyleRow}" Foreground="#cecece" AlternationCount="2" AlternateRowStyle="{DynamicResource GridViewRowStyleAltRow}" />
    </Grid>

[Ваня]

Hi,Ken

I tried your code on my machine I saw where the problem is:

You have a gridview with rows-you want to have a style for all GridViewRows and a style for AlternatingRows:

They are different styles and both are targeted at GridViewRow:

If you want to have the same MouseOver/Selected effect on normal row and alternating row the brushes used in Background_Over and Background_Selected should be identical in both styles!

You have decided to have a different style for alternating rows not only to set the property AlternateRowBackground-OK!

I have prepared you an example using the skeleton of your code and a picture to see the final result.

From the picture of course you can see the similar result but from that particular code....modify only the brushes used in Background_Over and Background_Selected to meet your personal requirements!

I will be glad if I was able to help you!

<Window

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

x:Class="WpfApplication4.MainWindow"

x:Name="Window"

Title="MainWindow"

Width="640" Height="480">

<Window.Resources>

<Style x:Key="RowStyle1" TargetType="{x:Type telerik:GridViewRow}">

<Setter Property="IsTabStop" Value="False"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:GridViewRow}">

<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">

<telerik:SelectiveScrollingGrid x:Name="grid" Background="Black">

<telerik:SelectiveScrollingGrid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*"/>

</telerik:SelectiveScrollingGrid.ColumnDefinitions>

<telerik:SelectiveScrollingGrid.RowDefinitions>

<RowDefinition Height="*"/>

<RowDefinition Height="Auto"/>

<RowDefinition Height="Auto"/>

<RowDefinition Height="Auto"/>

</telerik:SelectiveScrollingGrid.RowDefinitions>

<Border x:Name="SelectionBackground" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Margin}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Grid.Column="2" Grid.ColumnSpan="2" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"/>

<Border x:Name="Background_Over" Margin="1,1,1,2" Opacity="0" Grid.Column="2" Grid.ColumnSpan="2" BorderBrush="#FFFFC92B" BorderThickness="1" CornerRadius="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border BorderBrush="White" BorderThickness="1" Background="#FF9C810B"/>

</Border>

<Border x:Name="Background_Selected" Margin="1,1,1,2" Opacity="0" Grid.Column="2" Grid.ColumnSpan="2" BorderBrush="#FFFFC92B" BorderThickness="1" CornerRadius="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border BorderBrush="White" BorderThickness="1" Background="#FF310961"/>

</Border>

<Border x:Name="Background_Invalid" Margin="1,1,1,2" Opacity="0" Grid.Column="2" Grid.ColumnSpan="2" BorderBrush="#FFCE7D7D" BorderThickness="1" CornerRadius="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border BorderThickness="1">

<Border.Background>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFFCDCDC"/>

<GradientStop Color="#FFFCC1C1" Offset="1"/>

</LinearGradientBrush>

</Border.Background>

<Border.BorderBrush>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFEBF4FD"/>

<GradientStop Color="#FFDBEAFD" Offset="1"/>

</LinearGradientBrush>

</Border.BorderBrush>

</Border>

</Border>

<telerik:GridViewToggleButton Width="25" IsTabStop="{TemplateBinding IsTabStop}" IsHitTestVisible="{Binding IsExpandable, RelativeSource={RelativeSource TemplatedParent}}" Grid.Column="2" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<telerik:GridViewToggleButton.Opacity>

<Binding Path="IsExpandable" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:BooleanToOpacityConverter/>

</Binding.Converter>

</Binding>

</telerik:GridViewToggleButton.Opacity>

<telerik:GridViewToggleButton.Visibility>

<Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:BooleanToVisibilityConverter/>

</Binding.Converter>

</Binding>

</telerik:GridViewToggleButton.Visibility>

</telerik:GridViewToggleButton>

<Border Grid.Column="2" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<Border.Visibility>

<Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:BooleanToVisibilityConverter/>

</Binding.Converter>

</Binding>

</Border.Visibility>

</Border>

<telerik:DataCellsPresenter x:Name="PART_DataCellsPresenter" IsTabStop="False" Grid.Column="3">

<telerik:StyleManager.Theme>

<telerik:Office_BlackTheme/>

</telerik:StyleManager.Theme>

</telerik:DataCellsPresenter>

<Border x:Name="PART_RowBorder" VerticalAlignment="Bottom" Grid.Column="1" Grid.ColumnSpan="4" Grid.RowSpan="4" BorderBrush="{TemplateBinding HorizontalGridLinesBrush}" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border.BorderThickness>

<Binding Path="HorizontalGridLinesWidth" ConverterParameter="Bottom" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:GridLineWidthToThicknessConverter/>

</Binding.Converter>

</Binding>

</Border.BorderThickness>

</Border>

<Border Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="2" Background="#FFBBBBBB" BorderBrush="#FF848484" BorderThickness="0,1" Padding="6" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border.Visibility>

<Binding Path="IsExpanded" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:BooleanToVisibilityConverter/>

</Binding.Converter>

</Binding>

</Border.Visibility>

<ContentPresenter x:Name="PART_HierarchyChildPresenter" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"/>

</Border>

<telerik:DetailsPresenter x:Name="PART_DetailsPresenter" IsTabStop="False" Visibility="Collapsed" Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="1" DetailsProvider="{TemplateBinding DetailsProvider}">

<telerik:StyleManager.Theme>

<telerik:Office_BlackTheme/>

</telerik:StyleManager.Theme>

</telerik:DetailsPresenter>

<telerik:IndentPresenter x:Name="PART_IndentPresenter" IsTabStop="False" Grid.Column="1" Grid.RowSpan="4" IndentLevel="{TemplateBinding IndentLevel}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<telerik:StyleManager.Theme>

<telerik:Office_BlackTheme/>

</telerik:StyleManager.Theme>

</telerik:IndentPresenter>

<Border x:Name="PART_IndicatorPresenter" VerticalAlignment="Stretch" Width="25" Visibility="{TemplateBinding RowIndicatorVisibility}" Grid.Column="0" Grid.RowSpan="3" BorderBrush="#FF848484" BorderThickness="0,0,1,1" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<Border x:Name="NavigatorIndicatorBackground" Background="#FFE4E4E4" BorderBrush="White" BorderThickness="1">

<Grid>

<Grid x:Name="ErrorIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="16" Height="16" Visibility="Collapsed">

<Path Stretch="Fill" Margin="1" Data="M3,12.999999L4,12.999999 5,12.999999 6,12.999999 7,12.999999 8,12.999999 9,12.999999 10,12.999999 11,12.999999 11,13.999999 10,13.999999 9,13.999999 8,13.999999 7,13.999999 6,13.999999 5,13.999999 4,13.999999 3,13.999999z M11,11.999999L12,11.999999 12,12.999999 11,12.999999z M2.0000001,11.999999L3,11.999999 3,12.999999 2.0000001,12.999999z M12,10.999999L13,10.999999 13,11.999999 12,11.999999z M1,10.999999L2.0000001,10.999999 2.0000001,11.999999 1,11.999999z M13,2.9999992L14,2.9999992 14,3.9999992 14,4.9999992 14,5.9999992 14,6.9999992 14,7.9999992 14,8.9999992 14,9.9999992 14,10.999999 13,10.999999 13,9.9999992 13,8.9999992 13,7.9999992 13,6.9999992 13,5.9999992 13,4.9999992 13,3.9999992z M0,2.9999992L1,2.9999992 1,3.9999992 1,4.9999992 1,5.9999992 1,6.9999992 1,7.9999992 1,8.9999992 1,9.9999992 1,10.999999 0,10.999999 0,9.9999992 0,8.9999992 0,7.9999992 0,6.9999992 0,5.9999992 0,4.9999992 0,3.9999992z M12,1.9999999L13,1.9999999 13,2.9999992 12,2.9999992z M1,1.9999999L2.0000001,1.9999999 2.0000001,2.9999992 1,2.9999992z M11,0.99999994L12,0.99999994 12,1.9999999 11,1.9999999z M2.0000001,0.99999994L2.9999998,0.99999994 2.9999998,1.9999999 2.0000001,1.9999999z M2.9999998,0L3.9999998,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 3.9999998,0.99999994 2.9999998,0.99999994z">

<Path.Fill>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFFC9999" Offset="0"/>

<GradientStop Color="#FFC26666" Offset="1"/>

</LinearGradientBrush>

</Path.Fill>

</Path>

<Path Fill="White" Stretch="Fill" Margin="7,3" Data="M1.4901161E-07,8L1.0000001,8 2.0000002,8 2.0000002,9 2.0000002,10 1.0000003,10 1.0000003,9 1.0000001,10 1.4901161E-07,10 1.4901161E-07,9z M1.4901161E-07,0L1.0000001,0 2.0000002,0 2.0000002,1 2.0000002,2 2.0000002,3 2.0000002,4.0000001 2.0000002,5 2.0000002,5.9999999 2.0000002,7 1.0000001,7 1.4901161E-07,7 1.4901161E-07,5.9999999 1.4901161E-07,5 1.4901161E-07,4.0000001 1.4901161E-07,3 1.4901161E-07,2 0,1z"/>

<Path Stretch="Fill" Data="M4,15L5,15 6,15 7,15 8,15 9,15 10,15 11,15 12,15 12,16 11,16 10,16 9,16 8,16 7,16 6,16 5,16 4,16z M12,14L13,14 13,15 12,15z M3,14L4,14 4,15 3,15z M13,13L14,13 14,14 13,14z M2,13L3,13 3,14 2,14z M14,12L15,12 15,13 14,13z M1,12L2,12 2,13 1,13z M7,11L7,12 7,13 8,13 9,13 9,12 9,11 8,11z M15,4L16,4 16,5 16,6 16,7 16,8 16,9 16,10 16,11 16,12 15,12 15,11 15,10 15,9 15,8 15,7 15,6 15,5z M0,4L1,4 1,5 1,6 1,7 1,8 1,9 1,10 1,11 1,12 0,12 0,11 0,10 0,9 0,8 0,7 0,6 0,5z M14,3L15,3 15,4 14,4z M7,3L7,4 7,5 7,6 7,7 7,8 7,9 7,10 8,10 9,10 9,9 9,8 9,7 9,6 9,5 9,4 9,3 8,3z M1,3L2,3 2,4 1,4z M13,2L14,2 14,3 13,3z M4,2L5,2 6,2 7,2 8,2 9,2 10,2 11,2 12,2 12,3 13,3 13,4 14,4 14,5 14,6 14,7 14,8 14,9 14,10 14,11 14,12 13,12 13,13 12,13 12,14 11,14 10,14 9,14 8,14 7,14 6,14 5,14 4,14 4,13 3,13 3,12 2,12 2,11 2,10 2,9 2,8 2,7 2,6 2,5 2,4 3,4 3,3 4,3z M2,2L3,2 3,3 2,3z M12,1L13,1 13,2 12,2z M3,1L4,1 4,2 3,2z M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1z">

<Path.Fill>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="Red" Offset="0"/>

<GradientStop Color="#FF990000" Offset="1"/>

</LinearGradientBrush>

</Path.Fill>

</Path>

</Grid>

<Grid x:Name="NavigatorIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="9" Height="9" Visibility="Collapsed">

<Path Stroke="#E5343434" StrokeThickness="1" Data="M0.5,0.5L8.5,4.4375 0.5,8.5z">

<Path.Fill>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="White"/>

<GradientStop Color="#FF4D4D4D" Offset="1"/>

</LinearGradientBrush>

</Path.Fill>

</Path>

</Grid>

<Grid x:Name="EditIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="16" Height="10" Visibility="Collapsed">

<Path Fill="#7F848484" Stretch="Fill" Data="M14,9L15,9 15,10 14,10z M1,9L2,9 2,10 1,10z M15,8L16,8 16,9 15,9z M0,8L1,8 1,9 0,9z M15,1L16,1 16,2 15,2z M0,1L1,1 1,2 0,2z M14,0L15,0 15,1 14,1z M1,0L2,0 2,1 1,1z"/>

<Path Fill="#FFCBCBCB" Stretch="Fill" Margin="1" Data="M0.99999994,6.9999995L2,6.9999995 3,6.9999995 4,6.9999995 5,6.9999995 6,6.9999995 7,6.9999995 8,6.9999995 9,6.9999995 10,6.9999995 11,6.9999995 12,6.9999995 13,6.9999995 13,7.9999995 12,7.9999995 11,7.9999995 10,7.9999995 9,7.9999995 8,7.9999995 7,7.9999995 6,7.9999995 5,7.9999995 4,7.9999995 3,7.9999995 2,7.9999995 0.99999994,7.9999995z M13,0.99999994L14,0.99999994 14,1.9999999 14,2.9999995 14,3.9999995 14,4.9999995 14,5.9999995 14,6.9999995 13,6.9999995 13,5.9999995 13,4.9999995 13,3.9999995 13,2.9999995 13,1.9999999z M0,0.99999994L0.99999994,0.99999994 0.99999994,1.9999999 0.99999994,2.9999995 0.99999994,3.9999995 0.99999994,4.9999995 0.99999994,5.9999995 0.99999994,6.9999995 0,6.9999995 0,5.9999995 0,4.9999995 0,3.9999995 0,2.9999995 0,1.9999999z M11,0L12,0 13,0 13,0.99999994 12,0.99999994 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 4,0.99999994 3,0.99999994 2,0.99999994 0.99999994,0.99999994 0.99999994,2.3841858E-07 2,2.3841858E-07 3,2.3841858E-07 4,2.3841858E-07 5,2.3841858E-07 6,2.3841858E-07 7,2.3841858E-07 8,2.3841858E-07 9,2.3841858E-07 10,2.3841858E-07z"/>

<Path Fill="#FF848484" Stretch="Fill" Data="M2,9L3,9 4,9 5,9 6,9 7,9 8,9 9,9 10,9 11,9 12,9 13,9 14,9 14,10 13,10 12,10 11,10 10,10 9,10 8,10 7,10 6,10 5,10 4,10 3,10 2,10z M14,8L15,8 15,9 14,9z M1,8L2,8 2,9 1,9z M15,2L16,2 16,3 16,4 16,5 16,6 16,7 16,8 15,8 15,7 15,6 15,5 15,4 15,3z M3,2L4,2 5,2 6,2 6,3 5,3 5,4 5,5 5,6 5,7 6,7 6,8 5,8 4,8 3,8 3,7 4,7 4,6 4,5 4,4 4,3 3,3z M0,2L1,2 1,3 1,4 1,5 1,6 1,7 1,8 0,8 0,7 0,6 0,5 0,4 0,3z M14,1L15,1 15,2 14,2z M1,1L2,1 2,2 1,2z M2,0L3,0 4,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 13,0 14,0 14,1 13,1 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1 3,1 2,1z"/>

<Path Fill="White" Stretch="Fill" Margin="2" Data="M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 12,2 12,3 12,4 12,5.0000001 12,6 11,6 10,6 9,6 8,6 7,6 6,6 5,6 4,6 4,5.0000001 3,5.0000001 3,4 3,3 3,2 3,1 4,1z M0,0L1,0 1,1 2,1 2,2 2,3 2,4 2,5.0000001 1,5.0000001 1,6 0,6 0,5.0000001 0,4 0,3 0,2 0,1z"/>

</Grid>

</Grid>

</Border>

</Border>

</telerik:SelectiveScrollingGrid>

</Border>

<ControlTemplate.Triggers>

<Trigger Property="IsSelected" Value="True">

<Setter Property="Opacity" TargetName="Background_Selected" Value="1"/>

<Setter Property="Foreground" Value="LightYellow"/>

</Trigger>

<Trigger Property="IsMouseOver" Value="True">

<Setter Property="Foreground" Value="Black"/>

<Trigger.EnterActions>

<BeginStoryboard>

<Storyboard>

<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Background_Over" Storyboard.TargetProperty="Opacity">

<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</Trigger.EnterActions>

<Trigger.ExitActions>

<BeginStoryboard>

<Storyboard>

<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Background_Over" Storyboard.TargetProperty="Opacity">

<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</Trigger.ExitActions>

</Trigger>

<Trigger Property="IsContentValid" Value="False">

<Setter Property="Opacity" TargetName="Background_Invalid" Value="1"/>

<Setter Property="Visibility" TargetName="ErrorIndicator" Value="Visible"/>

<Setter Property="Visibility" TargetName="EditIndicator" Value="Collapsed"/>

<Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Collapsed"/>

</Trigger>

<Trigger Property="IsCurrent" Value="True">

<Setter Property="Background" TargetName="NavigatorIndicatorBackground">

<Setter.Value>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FF848484" Offset="0"/>

<GradientStop Color="#FFE4E4E4" Offset="1"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Visible"/>

</Trigger>

<Trigger Property="IsInEditMode" Value="True">

<Setter Property="Visibility" TargetName="EditIndicator" Value="Visible"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

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

<Setter Property="Foreground" Value="White"/>

<Setter Property="BorderBrush" Value="#FFCBCBCB"/>

<Setter Property="BorderThickness" Value="0"/>

<Setter Property="FontWeight" Value="Normal"/>

<Setter Property="VerticalContentAlignment" Value="Stretch"/>

<Setter Property="HorizontalContentAlignment" Value="Stretch"/>

<Setter Property="Padding" Value="0"/>

<Setter Property="SnapsToDevicePixels" Value="True"/>

</Style>

<Style x:Key="GridViewRowStyle1" TargetType="{x:Type telerik:GridViewRow}">

<Setter Property="Template">

<Setter.Value>

 

         <ControlTemplate TargetType="{x:Type telerik:GridViewRow}"> 

            <Border BorderThickness="{TemplateBinding BorderThickness}"> 

                <telerik:SelectiveScrollingGrid x:Name="grid" Background="#FF313131"> 

                    <telerik:SelectiveScrollingGrid.ColumnDefinitions> 

                        <ColumnDefinition Width="Auto"/> 

                        <ColumnDefinition Width="Auto"/> 

                        <ColumnDefinition Width="Auto"/> 

                        <ColumnDefinition Width="*"/> 

                    </telerik:SelectiveScrollingGrid.ColumnDefinitions> 

                    <telerik:SelectiveScrollingGrid.RowDefinitions> 

                        <RowDefinition Height="*"/> 

                        <RowDefinition Height="Auto"/> 

                        <RowDefinition Height="Auto"/> 

                        <RowDefinition Height="Auto"/> 

                    </telerik:SelectiveScrollingGrid.RowDefinitions> 

                   <Border x:Name="Background_Over" Margin="1,1,1,2" Opacity="0" Grid.Column="2" Grid.ColumnSpan="2" BorderBrush="#FFFFC92B" BorderThickness="1" CornerRadius="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border BorderBrush="White" BorderThickness="1" Background="#FF9C810B"/>

</Border>

<Border x:Name="Background_Selected" Margin="1,1,1,2" Opacity="0" Grid.Column="2" Grid.ColumnSpan="2" BorderBrush="#FFFFC92B" BorderThickness="1" CornerRadius="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border BorderBrush="White" BorderThickness="1" Background="#FF310961"/>

</Border>

                    <Border x:Name="Background_Invalid" BorderBrush="#FFCE7D7D" BorderThickness="1" Grid.ColumnSpan="2" Grid.Column="2" CornerRadius="1" Margin="1,1,1,2" Opacity="0"> 

                        <Border BorderThickness="1"> 

                            <Border.BorderBrush> 

                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 

                                    <GradientStop Color="#FFEBF4FD"/> 

                                    <GradientStop Color="#FFDBEAFD" Offset="1"/> 

                                </LinearGradientBrush> 

                            </Border.BorderBrush> 

                            <Border.Background> 

                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 

                                    <GradientStop Color="#FFFCDCDC"/> 

                                    <GradientStop Color="#FFFCC1C1" Offset="1"/> 

                                </LinearGradientBrush> 

                            </Border.Background> 

                        </Border> 

                    </Border> 

                    <telerik:GridViewToggleButton Grid.Column="2" IsHitTestVisible="{Binding IsExpandable, RelativeSource={RelativeSource TemplatedParent}}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Width="25"> 

                        <telerik:GridViewToggleButton.Opacity> 

                            <Binding Path="IsExpandable" RelativeSource="{RelativeSource TemplatedParent}"> 

                                <Binding.Converter> 

                                    <telerik:BooleanToOpacityConverter/> 

                                </Binding.Converter> 

                            </Binding> 

                        </telerik:GridViewToggleButton.Opacity> 

                        <telerik:GridViewToggleButton.Visibility> 

                            <Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}"> 

                                <Binding.Converter> 

                                    <telerik:BooleanToVisibilityConverter/> 

                                </Binding.Converter> 

                            </Binding> 

                        </telerik:GridViewToggleButton.Visibility> 

                    </telerik:GridViewToggleButton> 

                    <Border Grid.Column="2" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"> 

                        <Border.Visibility> 

                            <Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}"> 

                                <Binding.Converter> 

                                    <telerik:BooleanToVisibilityConverter/> 

                                </Binding.Converter> 

                            </Binding> 

                        </Border.Visibility> 

                    </Border> 

                    <telerik:DataCellsPresenter x:Name="PART_DataCellsPresenter" Grid.Column="3" IsTabStop="False"> 

                        <telerik:StyleManager.Theme> 

                            <telerik:Office_BlackTheme/> 

                        </telerik:StyleManager.Theme> 

                    </telerik:DataCellsPresenter> 

                    <Border x:Name="PART_RowBorder" Grid.ColumnSpan="4" Grid.Column="1" Grid.RowSpan="4" VerticalAlignment="Bottom"/> 

                    <Border BorderBrush="#FF848484" BorderThickness="0,1" Background="#FFBBBBBB" Grid.ColumnSpan="2" Grid.Column="2" Padding="6" Grid.Row="2"> 

                        <Border.Visibility> 

                            <Binding Path="IsExpanded" RelativeSource="{RelativeSource TemplatedParent}"> 

                                <Binding.Converter> 

                                    <telerik:BooleanToVisibilityConverter/> 

                                </Binding.Converter> 

                            </Binding> 

                        </Border.Visibility> 

                        <ContentPresenter x:Name="PART_HierarchyChildPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}"/> 

                    </Border> 

                    <telerik:DetailsPresenter x:Name="PART_DetailsPresenter" Grid.ColumnSpan="2" Grid.Column="2" DetailsProvider="{TemplateBinding DetailsProvider}" IsTabStop="False" Grid.Row="1" Visibility="Collapsed"> 

                        <telerik:StyleManager.Theme> 

                            <telerik:Office_BlackTheme/> 

                        </telerik:StyleManager.Theme> 

                    </telerik:DetailsPresenter> 

                    <telerik:IndentPresenter x:Name="PART_IndentPresenter" Grid.Column="1" IsTabStop="False" IndentLevel="{TemplateBinding IndentLevel}" Grid.RowSpan="4" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"> 

                        <telerik:StyleManager.Theme> 

                            <telerik:Office_BlackTheme/> 

                        </telerik:StyleManager.Theme> 

                    </telerik:IndentPresenter> 

                    <Border x:Name="PART_IndicatorPresenter" BorderBrush="#FF848484" BorderThickness="0,0,1,1" Grid.Column="0" Grid.RowSpan="3" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{TemplateBinding RowIndicatorVisibility}" VerticalAlignment="Stretch" Width="25"> 

                        <Border x:Name="NavigatorIndicatorBackground" BorderBrush="White" BorderThickness="1" Background="#FFE4E4E4"> 

                            <Grid> 

                                <Grid x:Name="ErrorIndicator" HorizontalAlignment="Center" Height="16" Visibility="Collapsed" VerticalAlignment="Center" Width="16"> 

                                    <Path Data="M3,12.999999L4,12.999999 5,12.999999 6,12.999999 7,12.999999 8,12.999999 9,12.999999 10,12.999999 11,12.999999 11,13.999999 10,13.999999 9,13.999999 8,13.999999 7,13.999999 6,13.999999 5,13.999999 4,13.999999 3,13.999999z M11,11.999999L12,11.999999 12,12.999999 11,12.999999z M2.0000001,11.999999L3,11.999999 3,12.999999 2.0000001,12.999999z M12,10.999999L13,10.999999 13,11.999999 12,11.999999z M1,10.999999L2.0000001,10.999999 2.0000001,11.999999 1,11.999999z M13,2.9999992L14,2.9999992 14,3.9999992 14,4.9999992 14,5.9999992 14,6.9999992 14,7.9999992 14,8.9999992 14,9.9999992 14,10.999999 13,10.999999 13,9.9999992 13,8.9999992 13,7.9999992 13,6.9999992 13,5.9999992 13,4.9999992 13,3.9999992z M0,2.9999992L1,2.9999992 1,3.9999992 1,4.9999992 1,5.9999992 1,6.9999992 1,7.9999992 1,8.9999992 1,9.9999992 1,10.999999 0,10.999999 0,9.9999992 0,8.9999992 0,7.9999992 0,6.9999992 0,5.9999992 0,4.9999992 0,3.9999992z M12,1.9999999L13,1.9999999 13,2.9999992 12,2.9999992z M1,1.9999999L2.0000001,1.9999999 2.0000001,2.9999992 1,2.9999992z M11,0.99999994L12,0.99999994 12,1.9999999 11,1.9999999z M2.0000001,0.99999994L2.9999998,0.99999994 2.9999998,1.9999999 2.0000001,1.9999999z M2.9999998,0L3.9999998,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 3.9999998,0.99999994 2.9999998,0.99999994z" Margin="1" Stretch="Fill"> 

                                        <Path.Fill> 

                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 

                                                <GradientStop Color="#FFFC9999" Offset="0"/> 

                                                <GradientStop Color="#FFC26666" Offset="1"/> 

                                            </LinearGradientBrush> 

                                        </Path.Fill> 

                                    </Path> 

                                    <Path Data="M1.4901161E-07,8L1.0000001,8 2.0000002,8 2.0000002,9 2.0000002,10 1.0000003,10 1.0000003,9 1.0000001,10 1.4901161E-07,10 1.4901161E-07,9z M1.4901161E-07,0L1.0000001,0 2.0000002,0 2.0000002,1 2.0000002,2 2.0000002,3 2.0000002,4.0000001 2.0000002,5 2.0000002,5.9999999 2.0000002,7 1.0000001,7 1.4901161E-07,7 1.4901161E-07,5.9999999 1.4901161E-07,5 1.4901161E-07,4.0000001 1.4901161E-07,3 1.4901161E-07,2 0,1z" Fill="White" Margin="7,3" Stretch="Fill"/> 

                                    <Path Data="M4,15L5,15 6,15 7,15 8,15 9,15 10,15 11,15 12,15 12,16 11,16 10,16 9,16 8,16 7,16 6,16 5,16 4,16z M12,14L13,14 13,15 12,15z M3,14L4,14 4,15 3,15z M13,13L14,13 14,14 13,14z M2,13L3,13 3,14 2,14z M14,12L15,12 15,13 14,13z M1,12L2,12 2,13 1,13z M7,11L7,12 7,13 8,13 9,13 9,12 9,11 8,11z M15,4L16,4 16,5 16,6 16,7 16,8 16,9 16,10 16,11 16,12 15,12 15,11 15,10 15,9 15,8 15,7 15,6 15,5z M0,4L1,4 1,5 1,6 1,7 1,8 1,9 1,10 1,11 1,12 0,12 0,11 0,10 0,9 0,8 0,7 0,6 0,5z M14,3L15,3 15,4 14,4z M7,3L7,4 7,5 7,6 7,7 7,8 7,9 7,10 8,10 9,10 9,9 9,8 9,7 9,6 9,5 9,4 9,3 8,3z M1,3L2,3 2,4 1,4z M13,2L14,2 14,3 13,3z M4,2L5,2 6,2 7,2 8,2 9,2 10,2 11,2 12,2 12,3 13,3 13,4 14,4 14,5 14,6 14,7 14,8 14,9 14,10 14,11 14,12 13,12 13,13 12,13 12,14 11,14 10,14 9,14 8,14 7,14 6,14 5,14 4,14 4,13 3,13 3,12 2,12 2,11 2,10 2,9 2,8 2,7 2,6 2,5 2,4 3,4 3,3 4,3z M2,2L3,2 3,3 2,3z M12,1L13,1 13,2 12,2z M3,1L4,1 4,2 3,2z M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1z" Stretch="Fill"> 

                                        <Path.Fill> 

                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 

                                                <GradientStop Color="Red" Offset="0"/> 

                                                <GradientStop Color="#FF990000" Offset="1"/> 

                                            </LinearGradientBrush> 

                                        </Path.Fill> 

                                    </Path> 

                                </Grid> 

                                <Grid x:Name="NavigatorIndicator" HorizontalAlignment="Center" Height="9" Visibility="Collapsed" VerticalAlignment="Center" Width="9"> 

                                    <Path Data="M0.5,0.5L8.5,4.4375 0.5,8.5z" Stroke="#E5343434" StrokeThickness="1"> 

                                        <Path.Fill> 

                                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 

                                                <GradientStop Color="White"/> 

                                                <GradientStop Color="#FF4D4D4D" Offset="1"/> 

                                            </LinearGradientBrush> 

                                        </Path.Fill> 

                                    </Path> 

                                </Grid> 

                                <Grid x:Name="EditIndicator" HorizontalAlignment="Center" Height="10" Visibility="Collapsed" VerticalAlignment="Center" Width="16"> 

                                    <Path Data="M14,9L15,9 15,10 14,10z M1,9L2,9 2,10 1,10z M15,8L16,8 16,9 15,9z M0,8L1,8 1,9 0,9z M15,1L16,1 16,2 15,2z M0,1L1,1 1,2 0,2z M14,0L15,0 15,1 14,1z M1,0L2,0 2,1 1,1z" Fill="#7F848484" Stretch="Fill"/> 

                                    <Path Data="M0.99999994,6.9999995L2,6.9999995 3,6.9999995 4,6.9999995 5,6.9999995 6,6.9999995 7,6.9999995 8,6.9999995 9,6.9999995 10,6.9999995 11,6.9999995 12,6.9999995 13,6.9999995 13,7.9999995 12,7.9999995 11,7.9999995 10,7.9999995 9,7.9999995 8,7.9999995 7,7.9999995 6,7.9999995 5,7.9999995 4,7.9999995 3,7.9999995 2,7.9999995 0.99999994,7.9999995z M13,0.99999994L14,0.99999994 14,1.9999999 14,2.9999995 14,3.9999995 14,4.9999995 14,5.9999995 14,6.9999995 13,6.9999995 13,5.9999995 13,4.9999995 13,3.9999995 13,2.9999995 13,1.9999999z M0,0.99999994L0.99999994,0.99999994 0.99999994,1.9999999 0.99999994,2.9999995 0.99999994,3.9999995 0.99999994,4.9999995 0.99999994,5.9999995 0.99999994,6.9999995 0,6.9999995 0,5.9999995 0,4.9999995 0,3.9999995 0,2.9999995 0,1.9999999z M11,0L12,0 13,0 13,0.99999994 12,0.99999994 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 4,0.99999994 3,0.99999994 2,0.99999994 0.99999994,0.99999994 0.99999994,2.3841858E-07 2,2.3841858E-07 3,2.3841858E-07 4,2.3841858E-07 5,2.3841858E-07 6,2.3841858E-07 7,2.3841858E-07 8,2.3841858E-07 9,2.3841858E-07 10,2.3841858E-07z" Fill="#FFCBCBCB" Margin="1" Stretch="Fill"/> 

                                    <Path Data="M2,9L3,9 4,9 5,9 6,9 7,9 8,9 9,9 10,9 11,9 12,9 13,9 14,9 14,10 13,10 12,10 11,10 10,10 9,10 8,10 7,10 6,10 5,10 4,10 3,10 2,10z M14,8L15,8 15,9 14,9z M1,8L2,8 2,9 1,9z M15,2L16,2 16,3 16,4 16,5 16,6 16,7 16,8 15,8 15,7 15,6 15,5 15,4 15,3z M3,2L4,2 5,2 6,2 6,3 5,3 5,4 5,5 5,6 5,7 6,7 6,8 5,8 4,8 3,8 3,7 4,7 4,6 4,5 4,4 4,3 3,3z M0,2L1,2 1,3 1,4 1,5 1,6 1,7 1,8 0,8 0,7 0,6 0,5 0,4 0,3z M14,1L15,1 15,2 14,2z M1,1L2,1 2,2 1,2z M2,0L3,0 4,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 13,0 14,0 14,1 13,1 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1 3,1 2,1z" Fill="#FF848484" Stretch="Fill"/> 

                                    <Path Data="M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 12,2 12,3 12,4 12,5.0000001 12,6 11,6 10,6 9,6 8,6 7,6 6,6 5,6 4,6 4,5.0000001 3,5.0000001 3,4 3,3 3,2 3,1 4,1z M0,0L1,0 1,1 2,1 2,2 2,3 2,4 2,5.0000001 1,5.0000001 1,6 0,6 0,5.0000001 0,4 0,3 0,2 0,1z" Fill="White" Margin="2" Stretch="Fill"/> 

                                </Grid> 

                            </Grid> 

                        </Border> 

                    </Border> 

                </telerik:SelectiveScrollingGrid> 

            </Border> 

            <ControlTemplate.Triggers> 

                <Trigger Property="IsSelected" Value="True"> 

                    <Setter Property="Opacity" TargetName="Background_Selected" Value="1"/> 

<Setter Property="Foreground" Value="LightYellow"/>

                </Trigger> 

                <Trigger Property="IsMouseOver" Value="True"> 

<Setter Property="Foreground" Value="LightYellow"/>

                    <Trigger.EnterActions> 

                        <BeginStoryboard> 

                            <Storyboard> 

                                <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background_Over"> 

                                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/> 

                                </DoubleAnimationUsingKeyFrames> 

                            </Storyboard> 

                        </BeginStoryboard> 

                    </Trigger.EnterActions> 

                    <Trigger.ExitActions> 

                        <BeginStoryboard> 

                            <Storyboard> 

                                <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Background_Over"> 

                                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="0"/> 

                                </DoubleAnimationUsingKeyFrames> 

                            </Storyboard> 

                        </BeginStoryboard> 

                    </Trigger.ExitActions> 

                </Trigger> 

                <Trigger Property="IsContentValid" Value="False"> 

                    <Setter Property="Opacity" TargetName="Background_Invalid" Value="1"/> 

                    <Setter Property="Visibility" TargetName="ErrorIndicator" Value="Visible"/> 

                    <Setter Property="Visibility" TargetName="EditIndicator" Value="Collapsed"/> 

                    <Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Collapsed"/> 

                </Trigger> 

                <Trigger Property="IsCurrent" Value="True"> 

                    <Setter Property="Background" TargetName="NavigatorIndicatorBackground"> 

                        <Setter.Value> 

                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 

                                <GradientStop Color="#FF848484" Offset="0"/> 

                                <GradientStop Color="#FFE4E4E4" Offset="1"/> 

                            </LinearGradientBrush> 

                        </Setter.Value> 

                    </Setter> 

                    <Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Visible"/> 

                </Trigger> 

                <Trigger Property="IsInEditMode" Value="True"> 

                    <Setter Property="Visibility" TargetName="EditIndicator" Value="Visible"/> 

                </Trigger> 

            </ControlTemplate.Triggers> 

        </ControlTemplate> 

 

</Setter.Value>

</Setter>

</Style>

</Window.Resources>

<Grid x:Name="LayoutRoot">

<telerik:RadGridView x:Name="radgridView1" ItemsSource="{Binding}" AutoGenerateColumns="True" Margin="32,40,48,8" AlternationCount="2" RowStyle="{DynamicResource RowStyle1}" AlternateRowStyle="{DynamicResource GridViewRowStyle1}"/>

</Grid>

</Window>

PS-Sorry for this really long post

[Kennet]

I'm ok with my styles now. But how can I style the "headers". Summer theme looks good except for the colours. I want Dark Gray instead of blue. (see attached picture).  I cant fins any templates to edit in Blend, like I did with the row style.

Vanya please use the "Format Code Block" button when you paste code, it's mush easier to read the,.

[Ваня]

Hi,

First of all,I know that FormatCodeBlock is the best way to display code used in particular forum - I will not go explain why I posted them as plan text,but sorry for the caused inconvenience .....

As concerned to style the headers you should edit the GridViewHeaderRowStyle to make desired changes - Bellow you can see the screenshot :

Redards

[Kennet]

Hi,

Maybe I'm slow today. But I can't edit in HeaderRowStyle, just create empty. Se attached picture.

Only thing I have on my project is the grid, and theme set to summer.

<Grid x:Name="LayoutRoot">
<telerik:RadGridView Margin="94,49,73,84" telerik:StyleManager.Theme="Summer"  />
</Grid>

[Ваня]

Hi,

If you have any difficulties the alternative is to drag from Assets Library GridViewHeaderRow under the grid as it is shown in my previous post-modfy the style of that particular GridViewHeaderRow that is located under the grid as you wish and when you are done use the style created. and delete the Summer theme from the grid's definition apply GridViewHeaderRowStyle in the same way as
RowStyle and AlternateRowAStyle....
Hope it helps!


Regards,Vanya

[Ваня]

I forgot to mention that also you have to restyle the GridViewHeaderCell in the same way as GridViewHeaderRowStyle.

If you do not want to restyle it you will have undesired effects.....

I will be waiting for your response!

Regards-vanya

[Patrick]

Hi,

Using Blend work well if you don't use a a RowStyleSelector. If it is the case, why could it be to change the Background_Selected and/or Background_Over?

[Vanya Pavlova]

Hello Patrick,



Modifying the background of a selected row involves predefining the template of GridViewRow, as described above. When you use RowStyleSelector, you should keep separate templates for all styles for this selector with desired brushes for these effects of a GridViewRow. 
Hope this helps!




Regards,
Vanya Pavlova
Telerik

[Markus Hopfenspirger]

Hello together,

Now we are in 2019. Is there still no easy way to change the SelectionColor? Predefining the complete (and in this case very complex style) just to change a color is not really strait forward...??? (And you have to check the cusomized templates for changes on every release - since almost 10 years now, in my case...)

Kind regards,
Markus

[Yoan]

Hello Markus,

As of R3 2018, RadGridView provides support for setting the background of its selected rows through the SelectedBackground property of GridViewRow. You can check this help article for a reference.

Regards,
Yoan
Progress Telerik

[Markus Hopfenspirger]

Hello Yoan,

thank you very much for this info. Right now I'm on an older release but this is a reason to switch to the newest.

Is there also a Property for the HoverBackground in this Release?

Kind regards,
Markus

[Yoan]

Hi Markus,

No, this property is not available at the moment. However, I am going to introduce it for our upcoming service pack (February 20). Are you interested in another property related to GridViewRow's style?

Regards,
Yoan
Progress Telerik

[Markus Hopfenspirger]

Hello Yoan,

great!!!

And no, during the last years I changed only SelectionBackgound (Background_Selected + children) and HoverBackground (Background_Over + children). So this two properties would be fine (for me).

Kind regards from Germany,
Markus

[Yoan]

Hi Markus,

I am going to add a property -  MouseOverBackground of the GridViewRow. It will be available in our next internal build(next Monday) and in the upcoming SP (February 20).

Regards,
Yoan
Progress Telerik