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

Header Backgorund Color

3 Answers 84 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Scott
Top achievements
Rank 1
Scott asked on 07 Aug 2008, 05:11 PM

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

Sort by
0
Dimo
Telerik team
answered on 08 Aug 2008, 06:07 AM
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.
0
Scott
Top achievements
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
0
Dimo
Telerik team
answered on 11 Aug 2008, 05:43 AM
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.
Tags
Grid
Asked by
Scott
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Scott
Top achievements
Rank 1
Share this question
or