<UserControl
	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="GridViewHeaderFilterRow.MainPage"
	Width="640" Height="480">
	<UserControl.Resources>
		<telerik:Office_BlackTheme x:Key="Theme"/>
		<SolidColorBrush x:Key="GridViewCommonHeader_BorderBrush" Color="#FF848484"/>
		<SolidColorBrush x:Key="GridViewCommonHeader_Background" Color="#FF3B3B3B"/>
		<SolidColorBrush x:Key="GridView_HeaderRowInnerBorder" Color="#FF4B4B4B"/>
		<SolidColorBrush x:Key="ControlOuterBorder" Color="#FF848484"/>
		<SolidColorBrush x:Key="GridView_HeaderInnerBorder" Color="#FF4B4B4B"/>
		<LinearGradientBrush x:Key="GridView_HeaderBackground" EndPoint="0.5,1" StartPoint="0.5,0">
			<GradientStop Color="#FF5B5B5B" Offset="1"/>
			<GradientStop Color="#FF868686"/>
			<GradientStop Color="#FF4F4F4F" Offset="0.42"/>
			<GradientStop Color="#FF0E0E0E" Offset="0.43"/>
		</LinearGradientBrush>
		<DataTemplate x:Key="GridViewHeaderIndentCellDataTemplate">
			<telerik:GridViewHeaderIndentCell telerik:StyleManager.Theme="{StaticResource Theme}"/>
		</DataTemplate>
		<telerik:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
		<ControlTemplate x:Key="GridViewHeaderRowTemplate" TargetType="telerik:GridViewHeaderRow">
			<telerik:SelectiveScrollingGrid>
				<telerik:SelectiveScrollingGrid.ColumnDefinitions>
					<ColumnDefinition Width="Auto"/>
					<ColumnDefinition Width="Auto"/>
					<ColumnDefinition Width="Auto"/>
					<ColumnDefinition Width="*"/>
				</telerik:SelectiveScrollingGrid.ColumnDefinitions>
				<telerik:SelectiveScrollingGrid.RowDefinitions>
					<RowDefinition Height="Auto"/>
					<RowDefinition/>
				</telerik:SelectiveScrollingGrid.RowDefinitions>
				<telerik:CommonHeaderPresenter x:Name="PART_CommonHeaderPresenter" Grid.Column="3" telerik:StyleManager.Theme="{StaticResource Theme}"/>
				<Border x:Name="CommonHeaderIndent" BorderBrush="{StaticResource GridViewCommonHeader_BorderBrush}" BorderThickness="0,0,1,1" Background="{StaticResource GridViewCommonHeader_Background}" Grid.ColumnSpan="2" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{Binding Visibility, ElementName=PART_CommonHeaderPresenter}"/>
				<Grid Grid.ColumnSpan="4" Grid.Row="1">
					<Grid.RowDefinitions>
						<RowDefinition Height="*"/>
						<RowDefinition Height="Auto"/>
					</Grid.RowDefinitions>
					<Border x:Name="PART_GridViewHeaderRowBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
						<Border BorderBrush="{StaticResource GridView_HeaderRowInnerBorder}" BorderThickness="1" Background="{TemplateBinding Background}"/>
					</Border>
				</Grid>
				<telerik:DataCellsPresenter x:Name="PART_DataCellsPresenter" Grid.Column="3" Grid.Row="1" telerik:StyleManager.Theme="{StaticResource Theme}"/>
				<Border x:Name="PART_IndicatorPresenter" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0,0,1,1" Grid.Row="1" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{TemplateBinding RowIndicatorVisibility}" Width="25">
					<Border BorderBrush="{StaticResource GridView_HeaderInnerBorder}" BorderThickness="1" Background="{StaticResource GridView_HeaderBackground}"/>
				</Border>
				<telerik:IndentPresenter x:Name="PART_IndentPresenter" Grid.Column="1" ItemTemplate="{StaticResource GridViewHeaderIndentCellDataTemplate}" IndentLevel="{TemplateBinding IndentLevel}" MinHeight="{TemplateBinding MinHeight}" Grid.Row="1" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" telerik:StyleManager.Theme="{StaticResource Theme}"/>
				<Border x:Name="PART_HierarchyIndentPresenter" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0,0,1,1" Grid.Column="2" Grid.Row="1" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{Binding HasHierarchy, Converter={StaticResource BooleanToVisibilityConverter}, RelativeSource={RelativeSource TemplatedParent}}" Width="25">
					<Border BorderBrush="{StaticResource GridView_HeaderInnerBorder}" BorderThickness="1" Background="{StaticResource GridView_HeaderBackground}"/>
				</Border>
			</telerik:SelectiveScrollingGrid>
		</ControlTemplate>
		<LinearGradientBrush x:Key="GridView_HeaderRowBackground" EndPoint="0.5,1" StartPoint="0.5,0">
			<GradientStop Color="#FF5B5B5B" Offset="1"/>
			<GradientStop Color="#FF868686"/>
			<GradientStop Color="#FF4F4F4F" Offset="0.42"/>
			<GradientStop Color="#FF0E0E0E" Offset="0.43"/>
		</LinearGradientBrush>
		<SolidColorBrush x:Key="GridView_HeaderRowOuterBorder" Color="#FF848484"/>
		<Style x:Key="GridViewHeaderRowStyle1" TargetType="telerik:GridViewHeaderRow">
			<Setter Property="Template" Value="{StaticResource GridViewHeaderRowTemplate}"/>
			<Setter Property="Background" Value="{StaticResource GridView_HeaderRowBackground}"/>
			<Setter Property="MinHeight" Value="17"/>
			<Setter Property="BorderBrush" Value="{StaticResource GridView_HeaderRowOuterBorder}"/>
			<Setter Property="BorderThickness" Value="1,0,0,1"/>
			<Setter Property="VerticalContentAlignment" Value="Stretch"/>
			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
			<Setter Property="Padding" Value="0"/>
		</Style>
		<SolidColorBrush x:Key="GridView_HeaderOuterBorder_Over" Color="#FFFFC92B"/>
		<SolidColorBrush x:Key="GridView_HeaderInnerBorder_Over" Color="White"/>
		<LinearGradientBrush x:Key="GridView_HeaderBackground_Over" EndPoint="0.5,1" StartPoint="0.5,0">
			<GradientStop Color="#FFFFFBA3" Offset="1"/>
			<GradientStop Color="#FFFFFBDA" Offset="0"/>
			<GradientStop Color="#FFFFD25A" Offset="0.43"/>
			<GradientStop Color="#FFFEEBAE" Offset="0.42"/>
		</LinearGradientBrush>
		<LinearGradientBrush x:Key="GridView_HeaderOuterBorder_Selected" EndPoint="0.5,1" StartPoint="0.5,0">
			<GradientStop Color="#FF616161" Offset="0"/>
			<GradientStop Color="#FF989898" Offset="1"/>
		</LinearGradientBrush>
		<LinearGradientBrush x:Key="GridView_HeaderInnerBorder_Selected" EndPoint="0.5,1" StartPoint="0.5,0">
			<GradientStop Color="#FFB69A78"/>
			<GradientStop Color="#FFFFE17A" Offset="0.126"/>
		</LinearGradientBrush>
		<LinearGradientBrush x:Key="GridView_HeaderBackground_Selected" EndPoint="0.5,1" StartPoint="0.5,0">
			<GradientStop Color="#FFFFD74E" Offset="0.996"/>
			<GradientStop Color="#FFFFDCAB" Offset="0.17"/>
			<GradientStop Color="#FFFFB062" Offset="0.57"/>
			<GradientStop Color="#FFFFD18F" Offset="0.56"/>
			<GradientStop Color="#FFFFBA74"/>
		</LinearGradientBrush>
		<Style x:Key="StretchedContentControl" TargetType="ContentControl">
			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
			<Setter Property="VerticalContentAlignment" Value="Stretch"/>
		</Style>
		<SolidColorBrush x:Key="GridView_SortIndicatorColor" Color="Black"/>
		<Style x:Key="ColumnHeaderGripperStyle" TargetType="Thumb">
			<Setter Property="Width" Value="8"/>
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderBrush" Value="Transparent"/>
			<Setter Property="BorderThickness" Value="0"/>
			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
			<Setter Property="VerticalContentAlignment" Value="Stretch"/>
			<Setter Property="Padding" Value="0"/>
			<Setter Property="Cursor" Value="SizeWE"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Thumb">
						<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<SolidColorBrush x:Key="GridView_HeaderForeground_Selected" Color="Black"/>
		<ControlTemplate x:Key="GridViewHeaderCellTemplate" TargetType="telerik:GridViewHeaderCell">
			<Grid x:Name="PART_OuterGrid">
				
				<VisualStateManager.VisualStateGroups>
					<VisualStateGroup x:Name="CommonStates">
						<VisualStateGroup.Transitions>
							<VisualTransition GeneratedDuration="00:00:00.2000000" To="Normal"/>
							<VisualTransition GeneratedDuration="00:00:00.2000000" To="MouseOver"/>
						</VisualStateGroup.Transitions>
						<VisualState x:Name="Normal"/>
						<VisualState x:Name="MouseOver">
							<Storyboard>
								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="GridViewHeaderCell_Over">
									<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
								</DoubleAnimationUsingKeyFrames>
								<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter">
									<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource GridView_HeaderForeground_Selected}"/>
								</ObjectAnimationUsingKeyFrames>
							</Storyboard>
						</VisualState>
						<VisualState x:Name="Ascending">
							<Storyboard>
								<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter">
									<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource GridView_HeaderForeground_Selected}"/>
								</ObjectAnimationUsingKeyFrames>
								<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PART_SortIndicator">
									<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
								</DoubleAnimationUsingKeyFrames>
								<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="GridViewHeaderCell_Selected">
									<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
								</DoubleAnimationUsingKeyFrames>
							</Storyboard>
						</VisualState>
						<VisualState x:Name="Descending">
							<Storyboard>
								<ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter">
									<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource GridView_HeaderForeground_Selected}"/>
								</ObjectAnimationUsingKeyFrames>
								<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PART_SortIndicator">
									<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
								</DoubleAnimationUsingKeyFrames>
								<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="RenderTransform" Storyboard.TargetName="PART_SortIndicator">
									<DiscreteObjectKeyFrame KeyTime="0:0:0">
										<DiscreteObjectKeyFrame.Value>
											<ScaleTransform ScaleY="1" ScaleX="1"/>
										</DiscreteObjectKeyFrame.Value>
									</DiscreteObjectKeyFrame>
								</ObjectAnimationUsingKeyFrames>
								<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="GridViewHeaderCell_Selected">
									<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
								</DoubleAnimationUsingKeyFrames>
							</Storyboard>
						</VisualState>
					</VisualStateGroup>
				</VisualStateManager.VisualStateGroups>
				<Grid x:Name="PART_HeaderCellGrid" >
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="*"/>
						<ColumnDefinition Width="Auto"/>
					</Grid.ColumnDefinitions>
					<Border x:Name="GridViewHeaderCell" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2">
						<Border BorderBrush="{StaticResource GridView_HeaderInnerBorder}" BorderThickness="1" Background="{TemplateBinding Background}"/>
					</Border>
					<Border x:Name="GridViewHeaderCell_Over" BorderBrush="{StaticResource GridView_HeaderOuterBorder_Over}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" Opacity="0">
						<Border BorderBrush="{StaticResource GridView_HeaderInnerBorder_Over}" BorderThickness="1" Background="{StaticResource GridView_HeaderBackground_Over}"/>
					</Border>
					<Border x:Name="GridViewHeaderCell_Selected" BorderBrush="{StaticResource GridView_HeaderOuterBorder_Selected}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" Opacity="0">
						<Border BorderBrush="{StaticResource GridView_HeaderInnerBorder_Selected}" BorderThickness="1" Background="{StaticResource GridView_HeaderBackground_Selected}"/>
					</Border>
					<ContentControl x:Name="ContentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="0" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsTabStop="{TemplateBinding IsTabStop}" Margin="{TemplateBinding Padding}" Style="{StaticResource StretchedContentControl}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
					<Path x:Name="PART_SortIndicator" Grid.ColumnSpan="2" 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" Fill="{StaticResource GridView_SortIndicatorColor}" HorizontalAlignment="Center" Height="3" Margin="0,3,0,0" Opacity="0" RenderTransformOrigin=".5,.5" Stretch="Fill" VerticalAlignment="Top" Width="5">
						<Path.RenderTransform>
							<TransformGroup>
								<ScaleTransform ScaleY="-1" ScaleX="1"/>
								<SkewTransform AngleY="0" AngleX="0"/>
								<RotateTransform Angle="0"/>
								<TranslateTransform X="0" Y="0"/>
							</TransformGroup>
						</Path.RenderTransform>
					</Path>
					<telerik:FilteringDropDown x:Name="PART_DistinctFilterControl" Grid.Column="1" Margin="0,0,8,0" telerik:StyleManager.Theme="{StaticResource Theme}" Visibility="{TemplateBinding FilteringUIVisibility}"/>
					<Thumb x:Name="PART_LeftHeaderGripper" Grid.ColumnSpan="2" HorizontalAlignment="Left" IsTabStop="{TemplateBinding IsTabStop}" Style="{StaticResource ColumnHeaderGripperStyle}"/>
					<Thumb x:Name="PART_RightHeaderGripper" Grid.ColumnSpan="2" HorizontalAlignment="Right" IsTabStop="{TemplateBinding IsTabStop}" Style="{StaticResource ColumnHeaderGripperStyle}"/>
				</Grid>
			
			</Grid>
		</ControlTemplate>
		<SolidColorBrush x:Key="GridView_HeaderOuterBorder" Color="#FF848484"/>
		<SolidColorBrush x:Key="GridView_HeaderForeground" Color="White"/>
		<Style TargetType="telerik:GridViewHeaderCell">
			<Setter Property="Template" Value="{StaticResource GridViewHeaderCellTemplate}"/>
			<Setter Property="Background" Value="{StaticResource GridView_HeaderBackground}"/>
			<Setter Property="BorderBrush" Value="{StaticResource GridView_HeaderOuterBorder}"/>
			<Setter Property="BorderThickness" Value="0,0,1,1"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
			<Setter Property="Padding" Value="5,0,3,0"/>
			<Setter Property="Foreground" Value="{StaticResource GridView_HeaderForeground}"/>
		</Style>
	</UserControl.Resources>

	<Grid x:Name="LayoutRoot" Background="White" DataContext="{Binding Source={StaticResource SampleDataSource}}">
		<telerik:RadGridView HeaderRowStyle="{StaticResource GridViewHeaderRowStyle1}" Margin="73,128,183,135" ItemsSource="{Binding Collection}"/>

	</Grid>
</UserControl>