Jon-Jon Kershaw
Top achievements
Rank 2
Rank 2
Jon-Jon Kershaw
asked on 05 May 2009, 03:31 PM
I've been able to change the color of the footer but for some reason there is a extra radient part just above the footer that I can't change the color. The reason why is because it actually cuts into the footer pager information. What property of the radgrid is that part?
8 Answers, 1 is accepted
0
Accepted
Hello Jon,
According to the CSS specification, a background color is applied to the portions of an element, which don't have a background image. Most probably, the gradient that you are seeing is a background image defined in the RadGrid skin.
I am not sure whether you are talking about the footer or the pager, as these two reside in different containers (table rows), but here is how to remove the background images from them:
div.RadGrid .rgFooter,
div.RadGrid .rgPager
{
background-image: none;
}
The above CSS rule will work for all RadGrid skins and RadGrid versions 2009.1+. For older versions, please use
div.RadGrid_SkinName .GridFooter_SkinName,
div.RadGrid_SkinName .GridPager_SkinName
{
background-image: none;
}
All the best,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
According to the CSS specification, a background color is applied to the portions of an element, which don't have a background image. Most probably, the gradient that you are seeing is a background image defined in the RadGrid skin.
I am not sure whether you are talking about the footer or the pager, as these two reside in different containers (table rows), but here is how to remove the background images from them:
div.RadGrid .rgFooter,
div.RadGrid .rgPager
{
background-image: none;
}
The above CSS rule will work for all RadGrid skins and RadGrid versions 2009.1+. For older versions, please use
div.RadGrid_SkinName .GridFooter_SkinName,
div.RadGrid_SkinName .GridPager_SkinName
{
background-image: none;
}
All the best,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Jon-Jon Kershaw
Top achievements
Rank 2
Rank 2
answered on 05 May 2009, 07:20 PM
http://www.deepfriedgold.com/radgridfooterimage.png
i've tried everything.
i've tried everything.
0
Shinu
Top achievements
Rank 2
Rank 2
answered on 06 May 2009, 05:43 AM
Hi Jon,
Try with the following approach and see if it helps.
Style.Css:
Thanks
Shinu
Try with the following approach and see if it helps.
Style.Css:
| <head runat="server"> |
| <title>Untitled Page</title> |
| <style type="text/css"> |
| .RadGrid_Default .rgPager |
| { |
| background:yellow !important; |
| } |
| </style> |
| </head> |
Thanks
Shinu
0
Jon-Jon Kershaw
Top achievements
Rank 2
Rank 2
answered on 07 May 2009, 07:40 PM
i'm just going to create a custom skin. I can't seem to change the little part in the pager.
Thanks.
Thanks.
0
Gene
Top achievements
Rank 1
Rank 1
answered on 07 May 2009, 07:56 PM
you might want to try finding the element using the IE developer toolbar (or Firefoxes version of it) jsut to make sure you are getting the correct thing. IE's version has an option to Find...Select Element by Click.
0
Hello Jon,
Creating a whole new custom skin for such a minor thing is highly unnecessary.
Judging by your screenshot, you are using the Vista skin and RadControls Q3 2008 or earlier (correct me if I am wrong). In this case, the CSS rule, which should remove the pager background image is:
.RadGrid_Vista .GridPager_Vista
{
background-image: none;
}
If the above does not work, then one of the following is true:
1) You are not using the Vista skin - in this case please replace "Vista" with the actual name of the skin
2) You are using RadGrid Q1 2009 with a migrated Vista skin for Q3 2008 - in this case the following should work:
div.RadGrid_Vista .rgPager
{
background-image: none;
}
3) You are using a modified skin, which contains some styles that I am unaware of and they add the background image - in this case I will need a runnable example with the skin in order to help you further.
Let us know how it goes.
Greetings,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Creating a whole new custom skin for such a minor thing is highly unnecessary.
Judging by your screenshot, you are using the Vista skin and RadControls Q3 2008 or earlier (correct me if I am wrong). In this case, the CSS rule, which should remove the pager background image is:
.RadGrid_Vista .GridPager_Vista
{
background-image: none;
}
If the above does not work, then one of the following is true:
1) You are not using the Vista skin - in this case please replace "Vista" with the actual name of the skin
2) You are using RadGrid Q1 2009 with a migrated Vista skin for Q3 2008 - in this case the following should work:
div.RadGrid_Vista .rgPager
{
background-image: none;
}
3) You are using a modified skin, which contains some styles that I am unaware of and they add the background image - in this case I will need a runnable example with the skin in order to help you further.
Let us know how it goes.
Greetings,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Jon-Jon Kershaw
Top achievements
Rank 2
Rank 2
answered on 08 May 2009, 02:53 PM
.RadGrid_Vista .GridPager_Vista
{
background-image: none;
}
worked!
THANKS!
{
background-image: none;
}
worked!
THANKS!
0
Jon-Jon Kershaw
Top achievements
Rank 2
Rank 2
answered on 08 May 2009, 02:55 PM
Dimo:
I have no idea why the your first post didn't work....because it is exactly the same as your last post. :o) (user error?) lol
regardless thank you much.
I have no idea why the your first post didn't work....because it is exactly the same as your last post. :o) (user error?) lol
regardless thank you much.