This is a migrated thread and some comments may be shown as answers.

Telerik Styles not being applied

4 Answers 427 Views
ScriptManager and StyleSheetManager
This is a migrated thread and some comments may be shown as answers.
Andy Green
Top achievements
Rank 2
Andy Green asked on 09 Aug 2011, 09:44 AM
Trying to get some performance out of my pages and I have the RadStylesheetManager on my masterpage.
<telerik:RadStyleSheetManager ID="StyleSheetManager" runat="server" >
    <StyleSheets>
        <telerik:StyleSheetReference Path="~/App_Themes/Default/Slider.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/Menu.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/Grid.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/TabStrip.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/ToolTip.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/Window.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/ComboBox.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/Calendar.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/Button.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/TreeView.Activity.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/Layout.css" />
        <telerik:StyleSheetReference Path="~/App_Themes/Default/Styles.css" />
    </StyleSheets>
</telerik:RadStyleSheetManager>

I do have this key:
add
key="Telerik.Web.UI.StyleSheetFolder" value="~/App_Themes/Default"/>

The last 2 CSS files are being applied as the sites layout is OK, but none of the Telerik controls are srtyled. In the app_Themes/Default folder I have individual folders for the Telerik images.

Does anyone have any ideas?

Andy

PS. Just looked at the http in Fiddler, and the images have the wrong paths  the path (as in the app settings) isn't being applied.

4 Answers, 1 is accepted

Sort by
0
Dimitar Terziev
Telerik team
answered on 12 Aug 2011, 09:10 AM
Hello Andy,

In case you want to load custom styles for our controls and benefit from the RadStyleSheetManager then you should follow the approach from this help article here.

Best wishes,
Dimitar Terziev
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Andy Green
Top achievements
Rank 2
answered on 16 Aug 2011, 11:00 AM
Is this page upto date? I thought you didn't have to place the CSS in a project any more.
I have the RadStylesheetManager sort of working using t the approach I've detailed in my OP.

But I cant get the images to show.

Andy
0
Andy Green
Top achievements
Rank 2
answered on 18 Aug 2011, 12:31 PM
Bounce!!!
0
Simon
Telerik team
answered on 19 Aug 2011, 10:20 AM
Hello Andy,

External style sheets are requested through ~/Telerik.Web.UI.WebResource.axd, which is relative to the root of the web site. In order to fix the problem with the images, their paths must also be relative to the root, e.g. ~/App_Themes/Default/[...].

I hope this helps.

Greetings,
Simon
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
ScriptManager and StyleSheetManager
Asked by
Andy Green
Top achievements
Rank 2
Answers by
Dimitar Terziev
Telerik team
Andy Green
Top achievements
Rank 2
Simon
Telerik team
Share this question
or