Custom Skin + ASP.Net Theme + IE 31 style sheet limit

[Gavin]

Hi,

I was wondering what the preferred method of using a custom skin (all controls) within a theme and what the possible impacts of combining the 65+ css files (base + skin as I need to tweak some of the base styles) into a smaller number so they load correctly in IE (31 style sheet limit issue).

Thanks
Gavin.

[Dobromir]

Hi Gavin,

You can take advantage of RadStylesheetManager to load and combine the external CSS files into one single resource. To do so you need to:

1. Add the following key to the web.config:
   

   <appSettings>
       <add key="Telerik.Web.UI.StyleSheetFolders" value="~/MyCssFolder" />
   </appSettings>

2. Register the external file CSS files with RadStyleSheetManager:
   

   <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
       <StyleSheets>
           <telerik:StyleSheetReference Path="MyCssFile1.css"/>
           ........
       </StyleSheets>
   </telerik:RadStyleSheetManager>

However, these external CSS files should not be located in the App_Themes folder because the theme's CSS files are registered automatically on the page during runtime as a <link> elements, and this behavior cannot be modified by RadStyleSheetManager.

Best wishes,
Dobromir
the Telerik team