Andy Green
Top achievements
Rank 2
Rank 2
Andy Green
asked on 01 Aug 2013, 10:04 AM
I have a grid with merged headers and the Office2007 skin, and its all fine. However...
I like to copy the skin files and rename them so I can tweak as required, and this worked fine up til now.
If I copy the office2007 skin files into my app and rename the declaration section of the grid to use them, the gradient fill only fills the height of a single header row, meaning that where I have merged the header cells I see the background colour for the bottom part of the header. Obviously the single rows display fine.
I'm using 2013.2.611.4 which I know it's not the latest version, Upgrading will require a full regression test which I don't want to do for a simple colour change.
Andy Ideas.
Andy
I like to copy the skin files and rename them so I can tweak as required, and this worked fine up til now.
If I copy the office2007 skin files into my app and rename the declaration section of the grid to use them, the gradient fill only fills the height of a single header row, meaning that where I have merged the header cells I see the background colour for the bottom part of the header. Obviously the single rows display fine.
I'm using 2013.2.611.4 which I know it's not the latest version, Upgrading will require a full regression test which I don't want to do for a simple colour change.
Andy Ideas.
Andy
3 Answers, 1 is accepted
0
Hi Andy,
Based on the provided information I'm not able to reproduce the same issue on my side. I prepared a sample project where the multicolumn headers are displayed correctly. Please give it a try and see if it helps you resolving your problem. If not, you can open a support ticket and attach a sample project that is isolating the issue so we can debug it.
Regards,
Venelin
Telerik
Based on the provided information I'm not able to reproduce the same issue on my side. I prepared a sample project where the multicolumn headers are displayed correctly. Please give it a try and see if it helps you resolving your problem. If not, you can open a support ticket and attach a sample project that is isolating the issue so we can debug it.
Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Andy Green
Top achievements
Rank 2
Rank 2
answered on 07 Aug 2013, 01:30 PM
Thanks Venelin
I have noticed one difference when trying the solution in my scenario. I'm adding the css files in the head as :
But you have the file declared in a RadStyesheetmanager. Is this the preferred methos now. My approach was based on your best practice, but might be a bit old now.
Andy
I have noticed one difference when trying the solution in my scenario. I'm adding the css files in the head as :
<link href="~/App_Themes/Default/Grid.Activity.css" rel="stylesheet" type="text/css" runat="server"/>
But you have the file declared in a RadStyesheetmanager. Is this the preferred methos now. My approach was based on your best practice, but might be a bit old now.
Andy
0
Hello Andy,
It is possible that some CSS rules in the custom skin have the same specificity/weight as the rules in the base CSS file. From rules with the same specificity the one that is applied last will take effect. If the embedded skin is registered on the page using
then the styles form the base CSS are applied after the custom skin styles. So, it can overwrite your styles. To prevent this you can use the RadStyleSheedManager and refer to the sample project that I sent for more help.
Please also refer to these help articles for more detailed information:
1. Creating a custom skin
2. Skin registration
If you need more help during the process I'll be glad to further assist.
Regards,
Venelin
Telerik
It is possible that some CSS rules in the custom skin have the same specificity/weight as the rules in the base CSS file. From rules with the same specificity the one that is applied last will take effect. If the embedded skin is registered on the page using
<link href="~/App_Themes/Default/Grid.Activity.css" rel="stylesheet" type="text/css" runat="server"/>then the styles form the base CSS are applied after the custom skin styles. So, it can overwrite your styles. To prevent this you can use the RadStyleSheedManager and refer to the sample project that I sent for more help.
Please also refer to these help articles for more detailed information:
1. Creating a custom skin
2. Skin registration
If you need more help during the process I'll be glad to further assist.
Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.