All,
I have created a new skin based on the embedded Hay. I have been
successful in creating the new skin and using it in my program. Where I
am having trouble is in changing the background color in CSS file. I have
found an article which describes the various parts of the CSS file and where
they refer to, but I have not been able to get the background color to change
from Green.
Can someone direct me on how to do this?
Scott
3 Answers, 1 is accepted
0
Hello Scott,
Here are the two CSS rules, which add a green background to the RadGrid header (Hay skin):
.GridHeaderDiv_Hay
{
background:url('Grid/sprite.gif') 0 0 repeat-x;
}
.GridHeader_Hay,
.ResizeHeader_Hay
{
border-bottom:1px solid #41a901;
padding-top:8px;
padding-bottom:8px;
background:url('Grid/sprite.gif') 0 0 repeat-x #47b703;
font-size:13px;
font-weight:normal;
text-align:left;
}
The first CSS class (GridHeaderDiv_Skin) is used when scrolling with static headers is used. I suppose that you are missing this one.
Let us know if you still have difficulties with customizing the skin.
Regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Here are the two CSS rules, which add a green background to the RadGrid header (Hay skin):
.GridHeaderDiv_Hay
{
background:url('Grid/sprite.gif') 0 0 repeat-x;
}
.GridHeader_Hay,
.ResizeHeader_Hay
{
border-bottom:1px solid #41a901;
padding-top:8px;
padding-bottom:8px;
background:url('Grid/sprite.gif') 0 0 repeat-x #47b703;
font-size:13px;
font-weight:normal;
text-align:left;
}
The first CSS class (GridHeaderDiv_Skin) is used when scrolling with static headers is used. I suppose that you are missing this one.
Let us know if you still have difficulties with customizing the skin.
Regards,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Scott
Top achievements
Rank 1
Rank 1
answered on 09 Aug 2008, 01:13 AM
Dear Dim,
Thank you for your reply. I know have another problem. I have been able to get the header background to be black. But when I select an item half the row shows as green and the other half shows white.
If I use the Hay default skin when I select a row the entire row shows as green. I believe I correctly created a new custom skin and did not change any of the CSS styles except the the underscores to the new skin name.
Do you have any explanation why this could be happening?
Scott
Thank you for your reply. I know have another problem. I have been able to get the header background to be black. But when I select an item half the row shows as green and the other half shows white.
If I use the Hay default skin when I select a row the entire row shows as green. I believe I correctly created a new custom skin and did not change any of the CSS styles except the the underscores to the new skin name.
Do you have any explanation why this could be happening?
Scott
0
Hello Scott,
I suppose that you have set a new BackColor for selected items declaratively. If this is the case, please refer to the following forum thread, which explains what issues might occur when declaring styles for normal, alternating and selected rows:
http://www.telerik.com/community/forums/thread/b311D-bkechm.aspx#601248
If this is not your case, please copy/paste your custom skin's CSS here.
Best wishes,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
I suppose that you have set a new BackColor for selected items declaratively. If this is the case, please refer to the following forum thread, which explains what issues might occur when declaring styles for normal, alternating and selected rows:
http://www.telerik.com/community/forums/thread/b311D-bkechm.aspx#601248
If this is not your case, please copy/paste your custom skin's CSS here.
Best wishes,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.