This is a migrated thread and some comments may be shown as answers.

Column header filter spacing issue

6 Answers 145 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Rob
Top achievements
Rank 1
Iron
Iron
Rob asked on 18 Sep 2013, 02:17 PM
I have defined a simple grid as follows:

<Grid Margin="20">
    <Grid.RowDefinitions>
        <RowDefinition Height="50" />
        <RowDefinition Height="30" />
        <RowDefinition />
    </Grid.RowDefinitions>
    <TextBlock Grid.Column="0" />
    <Border BorderBrush="LightGray" BorderThickness="1" Grid.Row="1" />
    <telerik:RadGridView x:Name="gridTradePackages"
                         Grid.Row="2" BorderThickness="1,0,1,1"
                         AutoGenerateColumns="True">
 
    </telerik:RadGridView>
</Grid>

I'm then simply binding an observablecollection to the grid. 

The issue I have is why I have odd spacing of the filter selector in the column header and why the filtered list (when clicked) is centered? I have removed every property of the grid right down to auto generating columns but am lost as to why this should occur. I haver attached a screen shot that shows the behaviour.

6 Answers, 1 is accepted

Sort by
0
Dimitrina
Telerik team
answered on 18 Sep 2013, 02:48 PM
Hello,

Have you defined a Style targeting CheckBox to center its content? It seems that such a setting/style
is applied to the CheckBoxes in the FilteringControl.
 

Regards,
Didie
Telerik
TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
0
Rob
Top achievements
Rank 1
Iron
Iron
answered on 18 Sep 2013, 02:57 PM
Didie,

Many thanks for that. Removal of the checkbox style fixed the dropdown issue.

The issue of the odd header still remains (see new image attachment). The filter indicator seems to have a really big margin for some reason?

Many thanks
0
Dimitrina
Telerik team
answered on 18 Sep 2013, 03:28 PM
Hello,

Have you also defined a Style targeting all the Buttons and setting Width for them?

Regards,
Didie
Telerik
TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
0
Rob
Top achievements
Rank 1
Iron
Iron
answered on 14 Oct 2013, 06:41 PM
Hi Didie,

Many thanks - yet again that solved the issue.

Rob
0
Christian
Top achievements
Rank 1
answered on 14 Jul 2016, 08:46 AM

Hello,

[quote]
Have you also defined a Style targeting all the Buttons and setting Width for them?
[/quote]

could you please elaborate on that? I'm experiencing the same difficulties. The filter icon or rather the margin that surrounds it takes up way more space than the text, which leads to enormously-sized column widths (column width is set to "Auto"). Please see attached screenshot for reference.

Thanks in advance

Christian

0
Christian
Top achievements
Rank 1
answered on 14 Jul 2016, 08:49 AM

Hello again,

literally immediately after posting, I realized what Didie meant.
I had a button style in place that targeted the width of all buttons throughout the application and that included the filter buttons.

C

Tags
GridView
Asked by
Rob
Top achievements
Rank 1
Iron
Iron
Answers by
Dimitrina
Telerik team
Rob
Top achievements
Rank 1
Iron
Iron
Christian
Top achievements
Rank 1
Share this question
or