Telerik Styles not being applied

5 posts, 0 answers
  1. Andy Green
    Andy Green avatar
    342 posts
    Member since:
    Aug 2008

    Posted 09 Aug 2011 Link to this post

    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.
  2. Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1266 posts

    Posted 12 Aug 2011 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Andy Green
    Andy Green avatar
    342 posts
    Member since:
    Aug 2008

    Posted 16 Aug 2011 Link to this post

    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
  5. Andy Green
    Andy Green avatar
    342 posts
    Member since:
    Aug 2008

    Posted 18 Aug 2011 Link to this post

    Bounce!!!
  6. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 19 Aug 2011 Link to this post

    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.

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017