registering too much stylesheetreference?

[Eric]

Hi by using the visual style builder I did 4 copies of WebBlue skin which are named WedRed, WebYellow, WebGreen and WebPink. Then I converted them to 4 dlls (I used the winform tool in the forums) using namespaces TelerikCustomSkins.Red,  TelerikCustomSkins.Yellow,  TelerikCustomSkins.Green and  TelerikCustomSkins.Pink. I added these dlls to my project and registered the dlls with radstylesheetmanager using the below stylesheetreferences (I'm giving pink as an example).

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Calendar.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.ColorPicker.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.ComboBox.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Editor.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.FormDecorator.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Grid.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Input.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.ListBox.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Menu.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.PanelBar.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Rotator.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Scheduler.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Slider.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Splitter.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.TabStrip.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.ToolBar.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.ToolTip.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.TreeView.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Upload.WebPink.css" />

            <telerik:StyleSheetReference Assembly="TelerikCustomSkins.Pink" Name="TelerikCustomSkins.Pink.WebPink.Window.WebPink.css" />   

The problem is if I register more than 2 colors in RadStyleSheetManager both compatibility view in ie8 and regular view in ie8 doesn't render the page correctly (I think it cannot load all the css files) but Firefox and Chrome renders the pages correctly. If I put only one color or two colors all browsers work fine. What could be the problem?

Thank you...

[Paul]

Hello Eric,

Please check if you have set the RadStyleSheetManager's EnableStyleSheetCombine property to false by mistake. If so, please set this property to true. For details on the matter please refer to this article.

Best wishes,
Paul
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.

[Eric]

Hi,

Unfortunately it is not set to false, below is the definition of RadStyleSheetManager;

<telerik:radstylesheetmanager id="RadStyleSheetManager1" runat="server">

and below is the WebResource.axd registration part in web.config;

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

Thank you...

[Paul]

Hello Eric,

I think it will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

Thanks beforehand for your patience and cooperation,
Paul
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.

[Eric]

Hi,

I just opened a support ticket regarding this subject. I'll share the results here.

EDIT: I just got the response. It seems IE has a limitation for css selectors from external CSS files. 

Link is http://timcosgrove.net/ie-can-only-render-4095-selectors-external-css-file

I think I have to add the stylesheetreferences from code behind according to the selected skin.

EDIT2: RadStyleSheetManager1.StyleSheets.Add(new StyleSheetReference(styleSheetPrefix + "Calendar" + styleSheetPostFix, assemblyName)); works so the problem is solved.

Thank you...