I use custom stylesheets for most of the Telerik AJAX controls I use in a Web application I'm working on for a client, including a stylesheet for the Telerik grid control. I recently decided I needed a second stylesheet with some changes to reduce padding in the grid and some border adjustments and I discovered that creating the second custom stylesheet actually changed the appearance of other unrelated Telerik controls - specifically, I noticed that on a different page that contains ListBox controls with transfer behavior, the ListBoxes lost their borders, transfer buttons, and drag-n-drop stylings. To prove that it was indeed the new stylesheet that was causing the issue, I simply deleted the style sheet and the ListBoxes rendered normally. I also tried putting the stylesheet back into my project but commenting out all of it's style definitions and it still seemed to cause a conflict with the ListBox styles.
Is this a known issue? Shouldn't I be able to have multiple stylesheets for individual Telerik controls?
Is this a known issue? Shouldn't I be able to have multiple stylesheets for individual Telerik controls?
1 Answer, 1 is accepted
0
Hi Brian,
RadControls are just ordinary HTML elements and their skins are just ordinary CSS code. So if you have CSS selectors in the RadGrid skin, which target some other elements, these elements will apply the styles.
Generally we implement our embedded skins in such a way, that nesting RadControls should not cause problems. But everything is possible when using custom skins, if you are using different selectors, e.g. too strong selectors for wrapper elements.
Problems such as the described one are most easily investigated with Firebug - a tool which everybody should have. If you need further assistance, please send us a simple demo, including the custom RadGrid CSS. Thanks.
Best wishes,
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.
RadControls are just ordinary HTML elements and their skins are just ordinary CSS code. So if you have CSS selectors in the RadGrid skin, which target some other elements, these elements will apply the styles.
Generally we implement our embedded skins in such a way, that nesting RadControls should not cause problems. But everything is possible when using custom skins, if you are using different selectors, e.g. too strong selectors for wrapper elements.
Problems such as the described one are most easily investigated with Firebug - a tool which everybody should have. If you need further assistance, please send us a simple demo, including the custom RadGrid CSS. Thanks.
Best wishes,
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.