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

Filter Background Not Showing Up in RadGrid ASP.NET AJAX

4 Answers 240 Views

Grid

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

Tom Gilkison asked on 25 Jun 2008, 04:59 PM

I can chalk up about 8 hours of my time trying to resolving issues for the ASP.NET AJAX upgrade. I'm tired of searching the forums, looking for an answer to this one...

<telerik:RadGrid
AutoGenerateColumns="false"
AllowFilteringByColumn="True"
AllowSorting="True"
Width="700px"
ID="RadGrid1"
runat="server"
Skin="Telerik"
OnNeedDataSource="RadGrid1_NeedDataSource"
OnInsertCommand="RadGrid1_InsertCommand"
OnDetailTableDataBind="RadGrid1_DetailTableDataBind"
OnItemCommand="RadGrid1_ItemCommand"
OnDeleteCommand="RadGrid1_DeleteCommand"
OnUpdateCommand="RadGrid1_UpdateCommand"
GridLines="None" AllowPaging="True" PageSize="8" EnableEmbeddedSkins="False"
>

I am trying to modify the Telerik skin. I have finally got the CSS working by MANUALLY adding a reference to the CSS file in my Master Page. Now I have discovered that the background image is not working for the Filter dropdown.

Since I can't upload an image to the forum, here's a link to a screen shot of my grid:
http://tomgilkison.blogspot.com/2008/06/filter-background-not-showing-up-in.html

I have looked through the CSS and found:
/*filtering*/
.GridFilterRow_Telerik
{
background:#f9f9f9;
}

This new way of working with Skins is sooooo painful. I hope it's worth it in the end. I have probably spent a good day troubleshooting WebResource.axd issues. Not fun when the project was due a week ago...

4 Answers, 1 is accepted

answered on 27 Jun 2008, 07:59 AM

Hello Tom Gilkison,

As of Q1 2008, RadGrid uses RadMenu for its FilterMenu. This is explained in the "What's New" article in our RadGrid documentation:

http://www.telerik.com/help/aspnet-ajax/grdwhatsnew.html

This means that when you use a custom skin for RadGrid, you also need to manually register a custom skin for RadMenu and the Menu's skin has to have the same name as the Grid's skin.

You have also the option to use an embedded skin for RadMenu by setting the following in code-behind

RadGrid1.FilterMenu.EnableEmbeddedSkins = true;
RadGrid1.FilterMenu.Skin = "Telerik";

Let us know if you need more information.

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 28 Jun 2008, 04:31 PM

Thanks for your response. I have figured it out based on the information you provided, not based on the link.

There is a documentation gap for Skinning that needs to be filled. Others will run into this same issue which will cause more frustration and more work for your team.

I would expect the answer to my question to be found on the following page:

RadGrid / Controlling visual appearance / Modifying existing skins
http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html

with a link to this page from...

RadGrid / Controlling visual appearance / Filter item
http://www.telerik.com/help/aspnet-ajax/grdfilteringitem.html

Here is how I would document the resolution:

The RadGrid Skin now uses RadGridMenu for the Filtiring dropdown. To modify an existing RadGrid Skin:

1. Set the Skin property of the RadGrid to an existing Skin name
2. Set the RadGrid property EnableEmbeddedSkins="False"
3. Manually create a link to the CCS on the page (or MasterPage) for both the RadGrid and RadMenu

Example:

Now you can modify the CSS and make changes to the RadGrid.

It's simple when you know what to do...It's frustrating when you don't!