This is a migrated thread and some comments may be shown as answers.

Filter Icon is not fully showing in RadGrid?

2 Answers 454 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Madhu Palakurthi
Top achievements
Rank 1
Madhu Palakurthi asked on 05 Feb 2013, 10:00 AM
Hi,

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

Code :
<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 :



Thanks in advance..

2 Answers, 1 is accepted

Sort by
0
Madhu Palakurthi
Top achievements
Rank 1
answered on 06 Feb 2013, 02:28 AM
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;
}

How can I do overwrite CSS for filter icon in my page ? please help me on this..

Thanks in advance.
0
Charles
Top achievements
Rank 1
answered on 09 Feb 2015, 10:42 PM
Set FilterControlWidth ="40px" for each column and it will show it.
Tags
Grid
Asked by
Madhu Palakurthi
Top achievements
Rank 1
Answers by
Madhu Palakurthi
Top achievements
Rank 1
Charles
Top achievements
Rank 1
Share this question
or