registering too much stylesheetreference?

5 posts, 1 answers
  1. Eric
    Eric avatar
    24 posts
    Member since:
    Jan 2008

    Posted 11 Nov 2009 Link to this post

    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...
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 11 Nov 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Eric
    Eric avatar
    24 posts
    Member since:
    Jan 2008

    Posted 11 Nov 2009 Link to this post

    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...

  5. Answer
    Paul
    Admin
    Paul avatar
    4281 posts

    Posted 11 Nov 2009 Link to this post

    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.
  6. Eric
    Eric avatar
    24 posts
    Member since:
    Jan 2008

    Posted 12 Nov 2009 Link to this post

    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. 
    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...
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017