Column header filter spacing issue

6 posts, 0 answers
  1. Rob
    Rob avatar
    17 posts
    Member since:
    Feb 2012

    Posted 18 Sep 2013 Link to this post

    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.
  2. Dimitrina
    Admin
    Dimitrina avatar
    3769 posts

    Posted 18 Sep 2013 Link to this post

    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 >>
  3. UI for WPF is Visual Studio 2017 Ready
  4. Rob
    Rob avatar
    17 posts
    Member since:
    Feb 2012

    Posted 18 Sep 2013 Link to this post

    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
  5. Dimitrina
    Admin
    Dimitrina avatar
    3769 posts

    Posted 18 Sep 2013 Link to this post

    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 >>
  6. Rob
    Rob avatar
    17 posts
    Member since:
    Feb 2012

    Posted 14 Oct 2013 Link to this post

    Hi Didie,

    Many thanks - yet again that solved the issue.

    Rob
  7. Christian
    Christian avatar
    2 posts
    Member since:
    Oct 2015

    Posted 14 Jul Link to this post

    Hello,


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

    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

  8. Christian
    Christian avatar
    2 posts
    Member since:
    Oct 2015

    Posted 14 Jul in reply to Christian Link to this post

    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

Back to Top
UI for WPF is Visual Studio 2017 Ready