Filter Icon is not fully showing in Grid? RRS feed

  • Question

  • User516399733 posted


    I applied filter part to my radgrid. but it's not showing filter icon fully.

    <telerik:RadGrid ID="RadGrid1" AllowFilteringByColumn="true" runat="server" AutoGenerateColumns="False" AllowSorting="True"
                                AllowPaging="True" GridLines="None" ShowGroupPanel="True" CellSpacing="0">
                                <MasterTableView ShowFooter="true">
                                    <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                                    <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                                    <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                                        <telerik:GridTemplateColumn Aggregate="Count" FooterAggregateFormatString="Total : {0:N0}"
                                            SortExpression="TaskNo" FooterText="Total :" UniqueName="TaskNo" HeaderText="Task Id"
                                            DataField="TaskNo" DataType="System.string" HeaderTooltip="TaskNo">
                                            <ItemStyle Width="70px" Wrap="false" />
                                            <HeaderStyle Width="70px" Wrap="false" />
                                                <asp:HyperLink ID="HyperLink2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "TaskNo")%>'
                                                    NavigateUrl='<%#"~/MyTasksHierarchyMain.aspx?TaskNo=" + DataBinder.Eval(Container.DataItem, "TaskNo").ToString()%>'
                                        <telerik:GridBoundColumn DataField="FileName" FilterControlAltText="Filter FileName column"
                                            HeaderText="File Name" UniqueName="FileName" SortExpression="FileName" ReadOnly="True">

    Current Output display :


    Thanks in advance ..

    Friday, March 1, 2013 4:41 AM

All replies

  • User516399733 posted


    I found the problem that is why filter icon is not fully showing because of CSS .

    I have CSS in my page that is common for all buttons in a page, so filter icon is nothing but input button and css is applying for this.

    I checked CSS code using the fire bug . If I remove height  & width from below line then filter icon is showing.

    .ccm-ui input[type="button"], .ccm-ui input[type="reset"], .ccm-ui input[type="submit"] {
        height: auto;
        width: auto;

    I want this css should apply for all buttons in my page expect filter icon.

     please help me on this..

    Thanks in advance.

    Friday, March 1, 2013 4:44 AM