Server side caching blocking new skin updates

2 posts, 0 answers
  1. Gareth
    Gareth avatar
    1 posts
    Member since:
    Aug 2018

    Posted 23 Aug Link to this post

    Hi there,

    I am trying to set up a new skin for Telerik UI for ASP AJAX. I’ve been able to set up the skin without too much issue, but a lot of the CSS changes I am making – especially to do with images – seem to be overridden by a file called WebResource.axd. This appears to be a server side caching file. However, I am unable to find out how to clear or refresh this cache.

    Can anybody please help and point me in the direction of some way of solving this?

    Thanks very much!

    G

  2. Attila Antal
    Admin
    Attila Antal avatar
    407 posts

    Posted 27 Aug Link to this post

    Hi Gareth,

    There seems to be an issue with the CSS Specificity, meaning that the built-in CSS styles are getting loaded after the custom Skin styles and they override some of the rules. 

    Can you please try to register/load the custom Skin stylesheets in the body and see if that would make a difference?

    For example:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    
    </head>
    <body>
        <link href="../CustomSkins/SkinName/AutoCompleteBox.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/Button.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/Calendar.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/ComboBox.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/DataPager.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/DropDownList.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/Editor.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/FileExplorer.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/FormDecorator.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/Grid.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/ImageEditor.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/Input.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/Menu.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/Splitter.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/TreeView.SkinName.css" rel="stylesheet" />
        <link href="../CustomSkins/SkinName/Window.SkinName.css" rel="stylesheet" />
     
       <%-- Rest of the Markup --%>
    </body>
    </html>

     

    I look forward to having your feedback about the outcome.

     

    Kind regards,
    Attila Antal
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top