Filter options has no formatting when using custom skin

[Kia]

Hi,

I'm using the grid with my own custom skin. but I find that the dropdown filter options list has no border with transparent background. So its not readable over the text under it.

I thought I must have missed some CSS elements. So I copied and renamed all elements from another skin that referred to "filter". but it made no difference.

Any ideas?

[Dimo]

Hello Kia,

As of Q1 2008, RadGrid for ASP.NET AJAX uses RadMenu for its FilterMenu dropdown. All CSS styles for the old filter menu have been removed from latest RadGrid skins.

If you want to use a custom skin for RadGrid, you can create a custom skin for the filtering menu too. Alternatively, you can use an embedded skin for the filtering menu by adding the following lines in the code-behind:

RadGrid_ID.FilterMenu.EnableEmbeddedSkins = true;
RadGrid_ID.FilterMenu.Skin = "SkinName";

If you decide to create a custom skin for RadMenu as well, these help topics will be handy:

http://www.telerik.com/help/radcontrols/prometheus/?menu_AppearanceCreatingACustomSkin.html
http://www.telerik.com/help/radcontrols/prometheus/?menu_AppearanceCSSFile.html
http://www.telerik.com/help/radcontrols/prometheus/?menu_AppearanceCSSSelectors.html


Let us know if you need further information.

Sincerely yours,
Dimo
the Telerik team

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

[Tom Jaspering]

Is there a reason that the filtermenu properties cannot be set declaratively like this:

<

FilterMenu EnableEmbeddedSkins="true" Skin="WebBlue"></FilterMenu>

I get a compiler error when I do this? It would be nice not to have to set the properties in code everywhere that I use a grid. If I can do it declaratively, I can just include that in my skin file.

[Konstantin Petkov]

Hi Tom,

I have to admit this makes sense. I will pass your request to our developers for further consideration.

I hope setting the skin programmatically does not bring much inconvenience for the time being.

Best wishes,
Konstantin Petkov
the Telerik team

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

[Habib Alvi]

Did you get any resolution on that, i am still getting the transparent background on filters and the page#s filter. thanks.

[Tom Jaspering]

Nope, never heard a peep :)

[Habib Alvi]

Did you get any resolution on that, i am still getting the transparent background on filters and the page#s filter. thanks.

[Habib Alvi]

Sorry i posted that question again, not seeing the response. So what is the best solution, looks like my custom skin doesnt have the code for filter and page #s and its showing transparent background and no borders. Any suggestions would be helpful. Thanks.

[Tom Jaspering]

I think we wound up specifying the skin in the code behind:

 

grid.FilterMenu.EnableEmbeddedSkins = true;
grid.FilterMenu.Skin = "WebBlue";

Most of our pages inherit from a base page, so we just did it in the base page and that wasn't too much of a pain.

 

[Ish]

I had the exact same problem and the solution is very simple. You just need to include a reference to the CSS file for RadMenu from your custom skin if you use Grid's filtering.