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

filter icon

5 Answers 251 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ramya Pulipaka
Top achievements
Rank 1
Ramya Pulipaka asked on 03 Sep 2008, 05:26 PM
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

5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 03 Sep 2008, 05:33 PM
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.
0
Ramya Pulipaka
Top achievements
Rank 1
answered on 03 Sep 2008, 05:39 PM
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?


 

0
Dimo
Telerik team
answered on 03 Sep 2008, 05:48 PM
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.
0
Ramya Pulipaka
Top achievements
Rank 1
answered on 03 Sep 2008, 05:55 PM
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">

0
Dimo
Telerik team
answered on 05 Sep 2008, 08:52 AM
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.
Tags
Grid
Asked by
Ramya Pulipaka
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Ramya Pulipaka
Top achievements
Rank 1
Share this question
or