RadGrid Filter button options empty whitespace for integer/date type columns

4 posts, 0 answers
  1. Jaime.
    Jaime. avatar
    3 posts
    Member since:
    Mar 2015

    Posted 10 Nov 2017 Link to this post


    I have a whitespace issue for when you click the filter options button when trying to filter integer type columns as well as for date type columns. There is empty whitespace for options that do not apply to integer or date type columns such as contains etc.I would like there to be no whitespace and EqualTo right under NoFilter as well as IsNull right under LessThanOrEqualTo. The whitespace does not look good at all. Please see the attached photo to see the issue. Thanks in advance.

  2. Jaime.
    Jaime. avatar
    3 posts
    Member since:
    Mar 2015

    Posted 14 Nov 2017 Link to this post

    Hello???? 4 days later and still no support. I am paying for support that is supposed to be 24 hour turn around time. As a long time customer I must say that I have been rather frustrated with how horrible telerik support has gotten over the years with support turn around time. The product is only as good as its support for its paying customers.
  3. Marin Bratanov
    Marin Bratanov avatar
    5254 posts

    Posted 15 Nov 2017 Link to this post

    Hello Jaime,

    If you need a fast turnaround and response, I advise that you open a support ticket. This is a public forum and we do try to monitor and help, yet we cannot guarantee (timely) responses.

    Now, to get back to your actual question - I advise that you start troubleshooting this by following this article: http://docs.telerik.com/devtools/aspnet-ajax/general-information/troubleshooting/skins-troubleshooting#incorrect-or-distorted-appearance.

    My best guess is that there are other controls with a different render mode (e.g., a menu or context menu) that bring unexpected styles to the page.

    My second guess is that this happens only in IE when it is in Compatibility Mode and so you must move to Standards (Edge) mode.

    If this does not help, could you modify this sample so it showcases the issue:

    <telerik:RadGrid RenderMode="Classic" AutoGenerateColumns="false" ID="RadGrid1" DataSourceID="SqlDataSource1"
                   AllowFilteringByColumn="True" AllowSorting="True" Width="100%"
                   ShowFooter="True" AllowPaging="True" runat="server">
                   <GroupingSettings CaseSensitive="false"></GroupingSettings>
                   <MasterTableView AutoGenerateColumns="false" AllowFilteringByColumn="True" ShowFooter="True">
                           <telerik:GridMaskedColumn DataField="OrderID" HeaderText="OrderID"
                               FilterControlWidth="50px" AutoPostBackOnFilter="false" CurrentFilterFunction="EqualTo"
                               FilterDelay="2000" ShowFilterIcon="false" Mask="#####">
                           <telerik:GridBoundColumn FilterControlWidth="120px" DataField="ShipName" HeaderText="ShipName"
                               AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
                           <telerik:GridDateTimeColumn DataField="OrderDate" HeaderText="OrderDate" FilterControlWidth="110px"
                               SortExpression="OrderDate" PickerType="DatePicker" EnableTimeIndependentFiltering="true"
                           <telerik:GridDateTimeColumn FilterControlWidth="95px" DataField="ShippedDate" HeaderText="ShippedDate"
                               PickerType="DatePicker" EnableRangeFiltering="true">
                               <HeaderStyle Width="160px"></HeaderStyle>
                           <telerik:GridTemplateColumn FilterControlWidth="80px" DataField="ShipCountry" HeaderText="ShipCountry">
                                   <img src='Img/<%# Eval("ShipCountry") %>.gif' alt="" style="vertical-align: middle; margin-right: 7px;" /><%# Eval("ShipCountry") %>
                           <telerik:GridBoundColumn FilterControlWidth="50px" DataField="ShipPostalCode" HeaderText="ShipPostalCode">
                               <FooterStyle Font-Bold="true"></FooterStyle>
                           <telerik:GridNumericColumn HeaderStyle-Width="130px" FilterControlWidth="50px" DataField="Freight"
                               DataType="System.Decimal" HeaderText="Freight" Aggregate="Sum" DataFormatString="{0} kg">
                               <FooterStyle Font-Bold="true"></FooterStyle>
            <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
           ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Orders" runat="server"></asp:SqlDataSource>


    Marin Bratanov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  4. Jaime.
    Jaime. avatar
    3 posts
    Member since:
    Mar 2015

    Posted 16 Nov 2017 in reply to Marin Bratanov Link to this post

    I have my IE browser in normal mode not compatibility mode but adding the meta tag fixed the issue for me. Thanks.

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />



Back to Top