radhika malladi
Top achievements
Rank 1
Rank 1
radhika malladi
asked on 07 Jan 2010, 04:02 PM
Hi,
I am trying to change the skin of a telerik grid with a custom skin. Much of the grid is changed according to my skin but I am not able to change the css for filter in the grid. How do i change the filter image according to the my skin and also filter menu. I have a DateTime column in the grid with the filter. How do I change datepicker calender according to my skin?
With the pager, I am using mode="NextPrevAndNumeric". I am able to get Firstpage, prevpage, nextpage,lastpage image urls but how do i change the style of combobox (Pagesize with a combobox)? Is there any possibility that I can remove that Pagesize combobox?
Thank you,
Radhika
I am trying to change the skin of a telerik grid with a custom skin. Much of the grid is changed according to my skin but I am not able to change the css for filter in the grid. How do i change the filter image according to the my skin and also filter menu. I have a DateTime column in the grid with the filter. How do I change datepicker calender according to my skin?
With the pager, I am using mode="NextPrevAndNumeric". I am able to get Firstpage, prevpage, nextpage,lastpage image urls but how do i change the style of combobox (Pagesize with a combobox)? Is there any possibility that I can remove that Pagesize combobox?
Thank you,
Radhika
1 Answer, 1 is accepted
0
Hi Radhika,
In order to change the appearance of filter rows and filter cells, please use CSS rules with the rgFilterRow CSS class.
http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html
You have three ways to set a filtering image:
1. If you are using a custom skin with sprites, then specify a background image for the rgFilter CSS class
http://www.telerik.com/help/aspnet-ajax/css-sprites.html
2. You can set FilterImageUrl for each column.
3. You can set ImagesPath to the RadGrid control and place all images at that location. The images must have specific names, which are listed here:
http://www.telerik.com/help/aspnet-ajax/grdskins.html
In general, all RadGrid child RadControls, which are automatically created by the RadGrid itself, have the same skin name as the RadGrid control. So in order to style the filtering datepicker, filtering menu and page size dropdown, you need to register the following custom skins in the web page:
- RadCalendar and RadInput - for the filtering datepicke
- RadMenu - for the filtering menu
- RadComboBox - for the page size dropdown
Here is how to remove the page size combobox:
http://www.telerik.com/community/forums/aspnet-ajax/grid/how-to-show-hide-the-pager-style-combo-box.aspx
Kind regards,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
In order to change the appearance of filter rows and filter cells, please use CSS rules with the rgFilterRow CSS class.
http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html
You have three ways to set a filtering image:
1. If you are using a custom skin with sprites, then specify a background image for the rgFilter CSS class
http://www.telerik.com/help/aspnet-ajax/css-sprites.html
2. You can set FilterImageUrl for each column.
3. You can set ImagesPath to the RadGrid control and place all images at that location. The images must have specific names, which are listed here:
http://www.telerik.com/help/aspnet-ajax/grdskins.html
In general, all RadGrid child RadControls, which are automatically created by the RadGrid itself, have the same skin name as the RadGrid control. So in order to style the filtering datepicker, filtering menu and page size dropdown, you need to register the following custom skins in the web page:
- RadCalendar and RadInput - for the filtering datepicke
- RadMenu - for the filtering menu
- RadComboBox - for the page size dropdown
Here is how to remove the page size combobox:
http://www.telerik.com/community/forums/aspnet-ajax/grid/how-to-show-hide-the-pager-style-combo-box.aspx
Kind regards,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.