Filter Icon is not fully showing in Grid?

Question

User516399733 posted

Hi,

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">
                                </RowIndicatorColumn>
                                <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                                </ExpandCollapseColumn>
                                <Columns>
                                    <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" />
                                         
                                        <ItemTemplate>
                                            <asp:HyperLink ID="HyperLink2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "TaskNo")%>'
                                                NavigateUrl='<%#"~/MyTasksHierarchyMain.aspx?TaskNo=" + DataBinder.Eval(Container.DataItem, "TaskNo").ToString()%>'
                                                Target="_blank"></asp:HyperLink>
                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridBoundColumn DataField="FileName" FilterControlAltText="Filter FileName column"
                                        HeaderText="File Name" UniqueName="FileName" SortExpression="FileName" ReadOnly="True">
                                    </telerik:GridBoundColumn>

Current Output display :

https://docs.google.com/document/d/1FqyAsae1-XCllW3bfukI3rJvZICjdEEgyDH7yStaGzQ/edit?usp=sharing

Thanks in advance ..

Answer 1

User516399733 posted

Hi,

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.