Grid Filter Type/Header Context width question

2 posts, 0 answers
  1. Steve
    Steve avatar
    5 posts
    Member since:
    Apr 2012

    Posted 27 Jun 2016 Link to this post

    I'm trying to get the RadGrid control to display the FilterType correctly. The attached image shows the current results where the filter dialog width is too small.

    I have tried the various FilterType settings and am current set to the "Classic" type. The sample project was created in VS2013 as a standard webforms project and then had the upgrade wizard applied to use the Telerik web controls.

    Also looked at the demo projects for excel type filtering, but wasn't sure of the style sheet setting differences. Finally, I tried checking the header context popup for the filter, but I didn't know if a CSS style tag needed to be overridden in the page. The DOM seemed to show the internal iframe within the div having a width size of around 170px.

    Here is a sample of the code. Pretty straightforward code. Thanks for any help, Steve H

     <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="true">
            <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" AllowFilteringByColumn="true" runat="server" FilterType="Classic" EnableHeaderContextMenu="true" 
                EnableHeaderContextFilterMenu="true" AllowPaging="True" PagerStyle-AlwaysVisible="true" DataSourceID="SqlDataSource1" AllowSorting="true" GroupingEnabled="false">
                <MasterTableView DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="ProjectModNumber,ProjectModRowId">
                        <telerik:GridBoundColumn DataField="ProjectModNumber" FilterControlAltText="Filter ProjectModNumber column" HeaderText="Project Mod #" ReadOnly="True" SortExpression="ProjectModNumber" UniqueName="ProjectModNumber">
                        <telerik:GridBoundColumn DataField="ProjectModRowId" DataType="System.Int32" Display="False" FilterControlAltText="Filter ProjectModRowId column" HeaderText="ProjectModRowId" ReadOnly="True" SortExpression="ProjectModRowId" UniqueName="ProjectModRowId" Visible="False">
                        <telerik:GridBoundColumn DataField="RoleNameAE" FilterControlAltText="Filter RoleNameAE column" HeaderText="AE Name" ReadOnly="True" SortExpression="RoleNameAE" UniqueName="RoleNameAE">


  2. Kostadin
    Kostadin avatar
    1733 posts

    Posted 30 Jun 2016 Link to this post

    Hi Steve,

    I tried to replicate the issue by using the provided solution but I was unable to. Could you please verify that you are not using some custom CSS rule which might affect the filter menu width? Generally you can use the following rule to override the filter menu width.
        .rmSlide {
            width: 195px !important;

    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top