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

Filter options has no formatting when using custom skin

9 Answers 88 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Kia
Top achievements
Rank 1
Kia asked on 24 Apr 2008, 06:53 AM
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?

9 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 25 Apr 2008, 07:59 AM
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
0
Tom Jaspering
Top achievements
Rank 1
answered on 30 Apr 2008, 08:56 PM
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.

0
Konstantin Petkov
Telerik team
answered on 01 May 2008, 07:14 AM
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
0
Habib Alvi
Top achievements
Rank 1
answered on 06 Nov 2009, 10:23 PM
Did you get any resolution on that, i am still getting the transparent background on filters and the page#s filter. thanks.
0
Tom Jaspering
Top achievements
Rank 1
answered on 06 Nov 2009, 10:45 PM
Nope, never heard a peep :)
0
Habib Alvi
Top achievements
Rank 1
answered on 06 Nov 2009, 11:19 PM
Did you get any resolution on that, i am still getting the transparent background on filters and the page#s filter. thanks.
0
Habib Alvi
Top achievements
Rank 1
answered on 06 Nov 2009, 11:25 PM
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.
0
Tom Jaspering
Top achievements
Rank 1
answered on 06 Nov 2009, 11:55 PM
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.

 

0
Ish
Top achievements
Rank 1
answered on 31 Jan 2010, 05:01 PM
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.
Tags
Grid
Asked by
Kia
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Tom Jaspering
Top achievements
Rank 1
Konstantin Petkov
Telerik team
Habib Alvi
Top achievements
Rank 1
Ish
Top achievements
Rank 1
Share this question
or