RadGridView Filter button is taking up too much space

[Tom]

I turned on filtering and the default size it too large.  How can I change this size?

[Dinko | Tech Support Engineer]

Hello Tom,

Thank you for the provided image.

I am unsure of what is leading to this visual behavior. As I am not familiar with your set-up, may I ask you to share more information regarding this behavior? For example, are you using NoXAML binaries? If yes, which theme is used? Do you have custom styles that target the GridViewHeaderCell element? If yes, can you share it so I can take a look? 

If you can isolate this behavior in a sample project that will be great. This way I can have a better look.

Regards,
Dinko
Progress Telerik

[Tom]

Just started using telerik and wpf so not sure what NoXAML binaries are.

As for custom styles I don't target the header cell.

This is the only style targeting the grid

<Style TargetType="{x:Type telerik:GridViewDataColumn}" x:Key="RightCell">
    <Setter Property="TextAlignment" Value="Right"/>
</Style>

 

And this is some of the gridview code

<telerik:RadGridView
                Name="dataGrid"
                ItemsSource="{Binding Source={StaticResource ItemCollectionViewSource}, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}"
                AutoGenerateColumns="False"
                HorizontalGridLinesBrush="LightGray"
                VerticalGridLinesBrush="LightGray"
                IsReadOnly="True" CanUserSortColumns="True"
                CanUserReorderColumns="False"
                CanUserResizeColumns="True"
                Margin="5"
                ColumnWidth="*"
                IsFilteringAllowed="True"
                Sorting="dataGrid_Sorting">

                <telerik:RadGridView.Resources>
                    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="LightBlue"/>
                    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey }" Color="Black"/>
                </telerik:RadGridView.Resources>

                <telerik:RadGridView.Columns>
                    <telerik:GridViewHyperlinkColumn Header="Tag ID" DataMemberBinding="{Binding Path=TagID}" Hyperlink.Click="HyperLink_Click">
                    </telerik:GridViewHyperlinkColumn>
                    <telerik:GridViewDataColumn Header="IP Address"
                                                HeaderTextTrimming="WordEllipsis"
                                                DataMemberBinding="{Binding Path=IpAddress}"/>
                    <telerik:GridViewDataColumn Header="Port"
                                    DataMemberBinding="{Binding Path=Port}" />
               </telerik:RadGridView.Columns>
</telerik:RadGridView>

 

 

[Dinko | Tech Support Engineer]

Hi Tom,

I would suggest checking the following resource so you can get familiar with our NoXAML binaries:

• Xaml vs. NoXaml 
• Setting a Theme 
• Styling the Controls
• Themes Suite

Regarding your scenario: I have tried to reproduce this visual behavior but to no avail. I think I am missing something from your set-up. May I ask you to take a look at the attached project and let me know what I need to modify to reproduce this.

I am looking forward to your reply.

Regards,
Dinko
Progress Telerik

[Tom]

Found the problem to be having a default style for type Button

<Style TargetType="{x:Type Button}">
    <Setter Property="Width" Value="100"/>
    <Setter Property="Height" Value="25"/>
    <Setter Property="Margin" Value="5"/>
</Style>

 

It's all good now thanks