filter icon

[Ramya Pulipaka]

How can i get rid of drop down filter icon in Rad grid. i dont want it on the screen since iam not using it.

Thanks,
Ramya

[Dimo]

Hi Ramya,

If I understand you correctly, you have filtering enabled and the filter row is visible, but don't want the filter icons in each table cell. If this is the case, please add the following CSS rule to your web application:

.RadGrid .rgFilter
{
     display: none;
}


Kind regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Ramya Pulipaka]

Hi,
Thanks for that reply. yes i have filtering option on and i have disabled all the filtering options using. 

RadGrid1.FilterMenu.Items.Clear();

But i can still see the filtering icon on the screen. i can't see the dropdown though. i dont want the icon also to be visible. is this possible?

 

[Dimo]

Hi Ramya,

If the previously provided CSS solution does not work, please specify which RadGrid version are you using and copy-paste the RadGrid declaration here.

All the best,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Ramya Pulipaka]

im using Version Q2 2008  version .

.RadGrid_Default

{

border:1px solid #232323;

}

.RadGrid_Default

{

font:11px/1.4 arial,sans-serif;

}

 

.RadGrid_Default

{

background:#d4d0c8;

color:#333;

}

.MasterTable_Default

{

background:#fff;

border-collapse:separate !important;

}

.MasterTable_Default

{

font:11px/1.4 arial,sans-serif;

}

.GridHeader_Default

{

color:#fff;

text-decoration:none;

}

.GridHeader_Default

{

border-bottom:1px solid #010101;

background:url('mvwres://Telerik.Web.UI, Version=2008.2.723.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Grid.headers.gif') repeat-x #434343;

padding:10px 6px 10px 11px;

text-align:left;

font-size:1.3em;

font-weight:normal;

}

.GridRow_Default

td

{

border-left:1px solid #7e7e7e;

}

.GridRow_Default

td

{

padding-top:0.4em;

padding-bottom:0.4em;

}

.GridRow_Default

td

{

padding-left:10px;

padding-right:6px;

}

<

telerik:RadGrid ID="RadGrid1" runat="server"

AllowPaging="True" AutoGenerateColumns="False"

DataSourceID="SqlDataSource1" AllowFilteringByColumn="True"

AllowSorting="True" GridLines="None" Height="522px" GroupingSettings-CaseSensitive ="false"

PageSize="15" Skin="Gray" style="margin-top: 25px; margin-left: 0px;"

Width="889px" Font-Names="Arial" Font-Size="9pt"><PagerStyle AlwaysVisible="True" Mode="NumericPages" /><MasterTableView AllowMultiColumnSorting="false"><RowIndicatorColumn><HeaderStyle Width="20px" /></RowIndicatorColumn><ExpandCollapseColumn><HeaderStyle Width="20px" /></ExpandCollapseColumn><Columns><telerik:GridHyperLinkColumn DataNavigateUrlFields="ID"

DataNavigateUrlFormatString="Form.aspx?ID={0}" DataTextField="RUID"

HeaderText="RUID" SortExpression="RUID" Text="RUID" UniqueName="RUID" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true">

[Dimo]

Hello Ramya,

Thanks for the code snippet. There is nothing in there, which could indicate why the previously provided solution should not work. Anyway, here is a sample page, which works as expected in the two scenarios related to the RadGrid filter button - it could be a SpriteButton, or an ImageButton The CSS code used to hide the filter button is:

.RadGrid .rgFilter,
.GridFilterRow_Gray img
{
     display: none;
}

<%@ Page Language="C#" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Import Namespace="System.Data" %>

<script runat="server">

    protected void Page_Load(object sender, EventArgs e)
    {
        RadGrid1.FilterMenu.Items.Clear();
        RadGrid2.FilterMenu.Items.Clear();
    }

    protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        DataTable dt = new DataTable();
        DataRow dr;
        string[] cols = { "id", "name", "phone" };

        foreach (string col in cols)
        {
            dt.Columns.Add(col);
        }

        for (int j = 1; j < 5; j++)
        {
            dr = dt.NewRow();

            for (int k = 0; k < cols.Length; k++)
            {
                dr[cols[k]] = String.Format("{0}, r{1}", cols[k], j);
            }
            dt.Rows.Add(dr);
        }

        (sender as RadGrid).DataSource = dt;
    }

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>RadGrid Tests</title>
<style type="text/css">
.RadGrid .rgFilter,
.GridFilterRow_Gray img
{
     display: none;
}
</style>
</head>
<body>
<form id="Form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />

<h3>1. ImagesPath is not set, the filter buttons are SpriteButtons</h3>

<telerik:RadGrid ID="RadGrid1" runat="server"
    OnNeedDataSource="RadGrid_NeedDataSource"
    Width="700px" Skin="Gray" AllowFilteringByColumn="true">
    <ClientSettings EnableRowHoverStyle="true">
        <Selecting AllowRowSelect="true" />
    </ClientSettings>
</telerik:RadGrid>

<h3>2. ImagesPath is set, the filter buttons are ImageButtons</h3>

<telerik:RadGrid ID="RadGrid2" runat="server" ImagesPath="~/grid_images/"
    OnNeedDataSource="RadGrid_NeedDataSource"
    Width="700px" Skin="Gray" AllowFilteringByColumn="true">
    <ClientSettings EnableRowHoverStyle="true">
        <Selecting AllowRowSelect="true" />
    </ClientSettings>
</telerik:RadGrid>

</form>
</body>
</html>

All the best,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.