You can modify the template of the Filtering Control to your liking in order to achieve the desired look. Here's a style I've extracted for the
<
Style
TargetType
=
"{x:Type telerik:FilteringControl}"
BasedOn
=
"{StaticResource FilteringControlStyle}"
>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"{x:Type telerik:FilteringControl}"
>
<
Grid
Background
=
"Transparent"
SnapsToDevicePixels
=
"True"
>
<
Border
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"{TemplateBinding Background}"
Margin
=
"{TemplateBinding Padding}"
>
<
Grid
>
<
StackPanel
HorizontalAlignment
=
"{TemplateBinding HorizontalContentAlignment}"
Margin
=
"{TemplateBinding Padding}"
VerticalAlignment
=
"{TemplateBinding VerticalContentAlignment}"
>
<
Grid
>
<
StackPanel
x:Name
=
"PART_DistinctFilter"
Visibility
=
"{TemplateBinding DistinctFiltersVisibility}"
>
<
CheckBox
x:Name
=
"PART_SelectAllCheckBox"
Content
=
"Select All"
IsChecked
=
"{Binding SelectAll, Mode=TwoWay}"
Margin
=
"-1,0,0,5"
telerik:LocalizationManager.ResourceKey
=
"GridViewFilterSelectAll"
/>
<
ListBox
x:Name
=
"PART_DistinctValuesList"
Background
=
"{DynamicResource {x:Static telerik:VisualStudio2013ResourceKey.MainBrush}}"
ScrollViewer.HorizontalScrollBarVisibility
=
"Auto"
SelectionMode
=
"Multiple"
>
<
ListBox.ItemsPanel
>
<
ItemsPanelTemplate
>
<
VirtualizingStackPanel
IsItemsHost
=
"True"
MaxHeight
=
"242"
/>
</
ItemsPanelTemplate
>
</
ListBox.ItemsPanel
>
<
ListBox.ItemTemplate
>
<
DataTemplate
>
<
CheckBox
IsChecked
=
"{Binding IsActive, Mode=TwoWay}"
VerticalAlignment
=
"Center"
>
<
Binding
Path
=
"ConvertedValue"
>
<
Binding.Converter
>
<
telerik:DistinctValueConverter
/>
</
Binding.Converter
>
</
Binding
>
</
CheckBox
>
</
DataTemplate
>
</
ListBox.ItemTemplate
>
<
ListBox.ItemContainerStyle
>
<
Style
TargetType
=
"{x:Type ListBoxItem}"
>
<
Setter
Property
=
"HorizontalContentAlignment"
Value
=
"Stretch"
/>
<
Setter
Property
=
"VerticalContentAlignment"
Value
=
"Top"
/>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"{x:Type ListBoxItem}"
>
<
ContentPresenter
x:Name
=
"contentPresenter"
ContentTemplate
=
"{TemplateBinding ContentTemplate}"
Content
=
"{TemplateBinding Content}"
ContentStringFormat
=
"{TemplateBinding ContentStringFormat}"
HorizontalAlignment
=
"{TemplateBinding HorizontalContentAlignment}"
Margin
=
"{TemplateBinding Padding}"
VerticalAlignment
=
"{TemplateBinding VerticalContentAlignment}"
/>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
</
Style
>
</
ListBox.ItemContainerStyle
>
</
ListBox
>
</
StackPanel
>
<
telerik:RadButton
x:Name
=
"PART_FilterCloseButton"
BorderBrush
=
"Transparent"
BorderThickness
=
"0"
Background
=
"Transparent"
Grid.Column
=
"1"
HorizontalAlignment
=
"Right"
Height
=
"12"
Margin
=
"0,9,9,0"
MinHeight
=
"0"
Padding
=
"0"
VerticalAlignment
=
"Top"
Width
=
"12"
>
<
Grid
UseLayoutRounding
=
"True"
>
<
Path
Data
=
"M1,0L4,3 7,0 8,1 5,4 8,7 7,8 4,5 1,8 0,7 3,4 0,1z"
Fill
=
"{DynamicResource {x:Static telerik:VisualStudio2013ResourceKey.StrongBrush}}"
HorizontalAlignment
=
"Center"
Height
=
"8"
Stretch
=
"Fill"
SnapsToDevicePixels
=
"True"
VerticalAlignment
=
"Center"
Width
=
"8"
/>
<
Path
Data
=
"M1,0L4,3 7,0 8,1 5,4 8,7 7,8 4,5 1,8 0,7 3,4 0,1z"
Fill
=
"{DynamicResource {x:Static telerik:VisualStudio2013ResourceKey.SelectedBrush}}"
HorizontalAlignment
=
"Center"
Height
=
"8"
Stretch
=
"Fill"
SnapsToDevicePixels
=
"True"
VerticalAlignment
=
"Center"
Width
=
"8"
>
<
Path.Visibility
>
<
Binding
ElementName
=
"PART_FilterCloseButton"
Path
=
"IsPressed"
>
<
Binding.Converter
>
<
telerik:BooleanToVisibilityConverter
/>
</
Binding.Converter
>
</
Binding
>
</
Path.Visibility
>
</
Path
>
</
Grid
>
</
telerik:RadButton
>
</
Grid
>
<
StackPanel
Visibility
=
"{TemplateBinding FieldFiltersVisibility}"
>
<
TextBlock
Foreground
=
"{DynamicResource {x:Static telerik:VisualStudio2013ResourceKey.MarkerBrush}}"
Margin
=
"0,2,0,0"
telerik:LocalizationManager.ResourceKey
=
"GridViewFilterShowRowsWithValueThat"
Text
=
"Show rows with value that"
></
TextBlock
>
<
telerik:RadComboBox
x:Name
=
"PART_Filter1ComboBox"
FilteringBehavior
=
"{x:Null}"
Margin
=
"0,4,0,0"
MinHeight
=
"22"
>
<
telerik:RadComboBox.ItemTemplate
>
<
DataTemplate
>
<
TextBlock
>
<
TextBlock.Text
>
<
Binding
>
<
Binding.Converter
>
<
telerik:FilterOperatorConverter
/>
</
Binding.Converter
>
</
Binding
>
</
TextBlock.Text
>
</
TextBlock
>
</
DataTemplate
>
</
telerik:RadComboBox.ItemTemplate
>
</
telerik:RadComboBox
>
<
ContentControl
x:Name
=
"PART_Filter1ContentControl"
HorizontalContentAlignment
=
"Stretch"
Margin
=
"0,4,0,0"
VerticalContentAlignment
=
"Stretch"
>
<
ContentControl.IsEnabled
>
<
Binding
Path
=
"Operator"
>
<
Binding.Converter
>
<
telerik:FilterOperatorToFilterEditorIsEnabledConverter
/>
</
Binding.Converter
>
</
Binding
>
</
ContentControl.IsEnabled
>
</
ContentControl
>
<
telerik:RadComboBox
x:Name
=
"PART_LogicalOperatorsComboBox"
FilteringBehavior
=
"{x:Null}"
Margin
=
"0,4,0,0"
MinHeight
=
"22"
>
<
telerik:RadComboBox.ItemTemplate
>
<
DataTemplate
>
<
TextBlock
>
<
TextBlock.Text
>
<
Binding
>
<
Binding.Converter
>
<
telerik:FilterCompositionLogicalOperatorConverter
/>
</
Binding.Converter
>
</
Binding
>
</
TextBlock.Text
>
</
TextBlock
>
</
DataTemplate
>
</
telerik:RadComboBox.ItemTemplate
>
</
telerik:RadComboBox
>
<
telerik:RadComboBox
x:Name
=
"PART_Filter2ComboBox"
FilteringBehavior
=
"{x:Null}"
Margin
=
"0,4,0,0"
MinHeight
=
"22"
>
<
telerik:RadComboBox.ItemTemplate
>
<
DataTemplate
>
<
TextBlock
>
<
TextBlock.Text
>
<
Binding
>
<
Binding.Converter
>
<
telerik:FilterOperatorConverter
/>
</
Binding.Converter
>
</
Binding
>
</
TextBlock.Text
>
</
TextBlock
>
</
DataTemplate
>
</
telerik:RadComboBox.ItemTemplate
>
</
telerik:RadComboBox
>
<
ContentControl
x:Name
=
"PART_Filter2ContentControl"
HorizontalContentAlignment
=
"Stretch"
Margin
=
"0,4,0,0"
VerticalContentAlignment
=
"Stretch"
>
<
ContentControl.IsEnabled
>
<
Binding
Path
=
"Operator"
>
<
Binding.Converter
>
<
telerik:FilterOperatorToFilterEditorIsEnabledConverter
/>
</
Binding.Converter
>
</
Binding
>
</
ContentControl.IsEnabled
>
</
ContentControl
>
</
StackPanel
>
<
Grid
>
<
Grid.ColumnDefinitions
>
<
ColumnDefinition
/>
<
ColumnDefinition
/>
</
Grid.ColumnDefinitions
>
<
Button
x:Name
=
"PART_ApplyFilterButton"
Content
=
"Filter"
Margin
=
"0,4,4,0"
MinWidth
=
"87"
telerik:LocalizationManager.ResourceKey
=
"GridViewFilter"
Visibility
=
"{TemplateBinding FilterButtonVisibility}"
/>
<
Button
x:Name
=
"PART_ClearFilterButton"
Content
=
"Clear Filter"
Grid.Column
=
"1"
Margin
=
"0,4,0,0"
MinWidth
=
"87"
telerik:LocalizationManager.ResourceKey
=
"GridViewClearFilter"
/>
</
Grid
>
</
StackPanel
>
</
Grid
>
</
Border
>
</
Grid
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
</
Style
>