<Window x:Class="_208621_RowIndicator_Background.Window1"
    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"
    Title="Window1" Height="600" Width="600">
	
	<Window.Resources>
		
		<!-- Header Row Height -->
		<Style TargetType="telerik:GridViewHeaderRow">
			<Setter Property="MinHeight" Value="50" />
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="telerik:GridViewHeaderRow">
						<Border Margin="{TemplateBinding Margin}" MinHeight="{TemplateBinding MinHeight}" x:Name="PART_GridViewHeaderRowBorder" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}">
							<Grid>
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition Width="Auto"/>
								</Grid.ColumnDefinitions>
								<Border Grid.ColumnSpan="3" Background="{TemplateBinding Background}" BorderBrush="#FFEEEEEE" BorderThickness="0,0,1,1"/>

								<!-- Stiing bacground of the HeaderIndicatorPresenter -->
								<telerik:IndicatorPresenter MinHeight="{TemplateBinding MinHeight}" x:Name="PART_IndicatorPresenter" IsTabStop="False" Visibility="{TemplateBinding RowIndicatorVisibility}" Grid.Column="0" Background="#FF0080FF">
									<telerik:StyleManager.Theme>
										<telerik:Office_BlackTheme/>
									</telerik:StyleManager.Theme>
								</telerik:IndicatorPresenter>
								<telerik:IndentPresenter MinHeight="{TemplateBinding MinHeight}" x:Name="PART_IndentPresenter" IsTabStop="False" Grid.Column="1" IndentLevel="{TemplateBinding IndentLevel}">
									<telerik:IndentPresenter.ItemTemplate>
										<DataTemplate>
											<telerik:GridViewHeaderIndentCell IsTabStop="False">
												<telerik:StyleManager.Theme>
													<telerik:Office_BlackTheme/>
												</telerik:StyleManager.Theme>
											</telerik:GridViewHeaderIndentCell>
										</DataTemplate>
									</telerik:IndentPresenter.ItemTemplate>
									<telerik:StyleManager.Theme>
										<telerik:Office_BlackTheme/>
									</telerik:StyleManager.Theme>
								</telerik:IndentPresenter>
								<telerik:DataCellsPresenter MinHeight="{TemplateBinding MinHeight}" x:Name="PART_DataCellsPresenter" Background="#00FFFFFF" IsTabStop="False" Grid.Column="2" RadRowItem="{x:Null}">
									<telerik:StyleManager.Theme>
										<telerik:Office_BlackTheme/>
									</telerik:StyleManager.Theme>
								</telerik:DataCellsPresenter>
							</Grid>
						</Border>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		
		<!-- Validation Tooltip -->
		<Style TargetType="telerik:GridViewCell">
			<Style.Triggers>
				<Trigger Property="IsContentValid" Value="False">
					<Setter Property="ToolTip" Value="TOOLTIP" />
				</Trigger>
			</Style.Triggers>
		</Style>
	
		<!--Indicator Presenter Background Change-->
		<Style TargetType="telerik:GridViewRow">
			<Setter Property="IsTabStop" Value="False"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type telerik:GridViewRow}">
						<Grid x:Name="grid">
							<Grid.ColumnDefinitions>
								<ColumnDefinition Width="Auto"/>
								<ColumnDefinition Width="Auto"/>
								<ColumnDefinition Width="Auto"/>
							</Grid.ColumnDefinitions>
							<Border Margin="{TemplateBinding Margin}" MinHeight="{TemplateBinding MinHeight}" x:Name="SelectionBackground" Grid.Column="2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"/>

							<!-- Change the background here -->
							<telerik:IndicatorPresenter x:Name="PART_IndicatorPresenter" Background="#FF0080FF" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,0,1,1" IsTabStop="False" Visibility="{TemplateBinding RowIndicatorVisibility}" Grid.Column="0">
								<Path Fill="#FF000000" Stretch="Fill" Margin="7,0,0,0" x:Name="NavigatorIndicator" Width="5" Height="8" Visibility="Collapsed" Data="M254.5,183.75L254.5,193.33333 260.75,188.16682z"/>
							</telerik:IndicatorPresenter>

							<telerik:IndentPresenter x:Name="PART_IndentPresenter" Background="{TemplateBinding Background}" IsTabStop="False" Grid.Column="1" IndentLevel="{TemplateBinding IndentLevel}">
								<telerik:StyleManager.Theme>
									<telerik:Office_BlackTheme/>
								</telerik:StyleManager.Theme>
							</telerik:IndentPresenter>
							<telerik:DataCellsPresenter MinHeight="{TemplateBinding MinHeight}" x:Name="PART_DataCellsPresenter" Height="Auto" IsTabStop="False" Grid.Column="2" RadRowItem="{x:Null}">
								<telerik:StyleManager.Theme>
									<telerik:Office_BlackTheme/>
								</telerik:StyleManager.Theme>
							</telerik:DataCellsPresenter>
							<Rectangle Stroke="#FFFF0000" StrokeThickness="2" Margin="0,0,0,0" x:Name="InvalidBorder" Width="Auto" Height="Auto" Visibility="Collapsed" Grid.Column="0" Grid.ColumnSpan="3"/>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsSelected" Value="True">
								<Setter Property="Background" TargetName="SelectionBackground">
									<Setter.Value>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FFFFD9AA" Offset="1"/>
											<GradientStop Color="#FFFFAB3F" Offset="0"/>
										</LinearGradientBrush>
									</Setter.Value>
								</Setter>
								<Setter Property="BorderBrush" TargetName="SelectionBackground" Value="#FFFFA500"/>
							</Trigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="False"/>
									<Condition Property="IsMouseOver" Value="True"/>
								</MultiTrigger.Conditions>
								<Setter Property="Background" TargetName="SelectionBackground">
									<Setter.Value>
										<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
											<GradientStop Color="#FFFDE09A" Offset="1"/>
											<GradientStop Color="#FFFCD590" Offset="0"/>
										</LinearGradientBrush>
									</Setter.Value>
								</Setter>
								<Setter Property="BorderBrush" TargetName="SelectionBackground" Value="#FFFFA500"/>
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="True"/>
									<Condition Property="IsCurrent" Value="False"/>
								</MultiTrigger.Conditions>
								<Setter Property="BorderBrush" TargetName="SelectionBackground" Value="#FFFFA500"/>
							</MultiTrigger>
							<Trigger Property="IsCurrent" Value="True">
								<Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Visible"/>
							</Trigger>
							<Trigger Property="IsContentValid" Value="False">
								<Setter Property="Visibility" TargetName="InvalidBorder" Value="Visible"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="Background" Value="#FFFFFFFF"/>
			<Setter Property="BorderBrush" Value="#FFB3B3B3"/>
			<Setter Property="BorderThickness" Value="0,0,0,0"/>
			<Setter Property="MinHeight" Value="24"/>
			<Setter Property="FontSize" Value="11"/>
			<Setter Property="FontFamily" Value="Segoe UI"/>
			<Setter Property="FontWeight" Value="Normal"/>
			<Setter Property="Margin" Value="0,0,0,0"/>
			<Setter Property="Padding" Value="0,0,0,0"/>
			<Setter Property="Foreground" Value="#FF000000"/>
		</Style>

		<!-- Header Cell Style and Template -->
		<Style TargetType="telerik:GridViewHeaderCell">
			<Setter Property="Background" Value="{StaticResource GridViewHeaderBackground}" />
			<Setter Property="BorderThickness" Value="0,0,2,1" />
			<Setter Property="BorderBrush" Value="{StaticResource GridViewHeaderCellInnerBorderBrush}" />
			<Setter Property="DropMarkPen" Value="{StaticResource GridViewHeaderCellDropMarkerPen}" />
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="telerik:GridViewHeaderCell">

						<ControlTemplate.Resources>
							<Storyboard x:Key="MouseOver">
								<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="GridViewHeaderCell_Over" Storyboard.TargetProperty="Opacity">
									<SplineDoubleKeyFrame KeyTime="0:0:0.12" Value="1" />
								</DoubleAnimationUsingKeyFrames>
							</Storyboard>
							<Storyboard x:Key="MouseOut">
								<DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="GridViewHeaderCell_Over" Storyboard.TargetProperty="Opacity">
									<SplineDoubleKeyFrame KeyTime="0:0:0.12" Value="0" />
								</DoubleAnimationUsingKeyFrames>
							</Storyboard>
						</ControlTemplate.Resources>

						<Grid>
							<Border x:Name="GridViewHeaderCell"
									BorderBrush="{TemplateBinding BorderBrush}" 
									BorderThickness="{TemplateBinding BorderThickness}"
									Background="{TemplateBinding Background}"
									SnapsToDevicePixels="True" />
							<Border x:Name="GridViewHeaderCell_Over"
									BorderBrush="{StaticResource GridViewHeaderCellMouseOverBorderBrush}" 
									BorderThickness="{TemplateBinding BorderThickness}"
									Background="{StaticResource GridViewHeaderCellSortedBackground}"
									Opacity="0"
									SnapsToDevicePixels="True" />
							<Border x:Name="GridViewHeaderCell_Selected"
									BorderBrush="{StaticResource GridViewHeaderCellMouseOverBorderBrush}" 
									BorderThickness="{TemplateBinding BorderThickness}"
									Background="{StaticResource GridViewHeaderCellSortedBackground}"
									Opacity="0"
									SnapsToDevicePixels="True" />

							<Grid x:Name="PART_HeaderCellGrid">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="*" />
									<ColumnDefinition Width="Auto"  />
								</Grid.ColumnDefinitions>
								
								<!-- TEXT Vertical Alignment Changed -->
								<telerik:AlignmentContentPresenter Grid.Column="0" 
													Margin="3,4,2,3"
													VerticalAlignment="Top"
													TextAlignment="{TemplateBinding TextAlignment}" 
													TextBlock.FontWeight="Bold" />

								<Grid Grid.Column="1" HorizontalAlignment="Right" 
										Background="{StaticResource GridViewHeaderCellSortingAndFilteringContentBackground}">
									<Grid.ColumnDefinitions>
										<ColumnDefinition Width="Auto"/>
										<ColumnDefinition Width="Auto" />
									</Grid.ColumnDefinitions>
									
									<!-- SORT INDICATOR Vertical Alignment Changed -->
									<Path x:Name="PART_SortIndicator" Fill="{StaticResource GridViewHeaderCellSortIndicatorFill}" Stretch="Fill" Data="M0,0 L1,0 2,0 3,0 4,0 5,0 5,1 4,1 4,2 3,2 3,3 2,3 2,2 1,2 1,1 0,1 0,0 z" HorizontalAlignment="Left" Margin="1,0,4,0" VerticalAlignment="Top" Width="5" Height="3" RenderTransformOrigin="0.5,0.5" >
										<Path.RenderTransform>
											<TransformGroup>
												<ScaleTransform ScaleX="1" ScaleY="-1"/>
												<SkewTransform AngleX="0" AngleY="0"/>
												<RotateTransform Angle="0"/>
												<TranslateTransform X="0" Y="0"/>
											</TransformGroup>
										</Path.RenderTransform>
									</Path>

									<!-- FILTER ICON Vertical Alignment Changed -->
									<telerik:FilteringDropDown Name="PART_DistinctFilterControl" Grid.Column="1"
													Visibility="{TemplateBinding FilteringUIVisibility}" VerticalAlignment="Top"
													Margin="0,0,8,0"/>

								</Grid>
							</Grid>

						</Grid>

						<ControlTemplate.Triggers>

							<MultiTrigger>
								<MultiTrigger.EnterActions>
									<BeginStoryboard Storyboard="{StaticResource MouseOver}" />
								</MultiTrigger.EnterActions>
								<MultiTrigger.ExitActions>
									<BeginStoryboard Storyboard="{StaticResource MouseOut}" />
								</MultiTrigger.ExitActions>
								<MultiTrigger.Conditions>
									<Condition Property="IsMouseOver" Value="True" />
									<Condition Property="SortingState" Value="None" />
								</MultiTrigger.Conditions>
							</MultiTrigger>

							<Trigger Property="SortingState" Value="Ascending">
								<Setter TargetName="PART_SortIndicator" Property="Path.Visibility" Value="Visible" />
								<Setter TargetName="PART_SortIndicator" Property="Path.LayoutTransform" >
									<Setter.Value>
										<ScaleTransform ScaleX="1" ScaleY="1"/>
									</Setter.Value>
								</Setter>
								<Setter Property="Opacity" TargetName="GridViewHeaderCell_Selected" Value="1" />
							</Trigger>
							<Trigger Property="SortingState" Value="Descending">
								<Setter TargetName="PART_SortIndicator" Property="Path.Visibility" Value="Visible" />
								<Setter TargetName="PART_SortIndicator" Property="Path.LayoutTransform" >
									<Setter.Value>
										<ScaleTransform ScaleX="1" ScaleY="-1"/>
									</Setter.Value>
								</Setter>
								<Setter Property="Opacity" TargetName="GridViewHeaderCell_Selected" Value="1" />
							</Trigger>
							<Trigger Property="SortingState" Value="None">
								<Setter TargetName="PART_SortIndicator" Property="Path.Visibility" Value="Hidden" />
							</Trigger>
						</ControlTemplate.Triggers>

					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		
	</Window.Resources>
	
    <Grid>
		<telerik:RadGridView x:Name="RadGridView1" UseAlternateRowStyle="False" />
	</Grid>
</Window>
