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

Filter Icon is not fully showing in RadGrid?

2 Answers 480 Views

Grid

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

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

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.