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

Server side caching blocking new skin updates

1 Answer 15 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Gareth
Top achievements
Rank 1
Gareth asked on 23 Aug 2019, 07:56 AM

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

1 Answer, 1 is accepted

Sort by
0
Attila Antal
Telerik team
answered on 27 Aug 2019, 06:50 PM

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.
Tags
General Discussions
Asked by
Gareth
Top achievements
Rank 1
Answers by
Attila Antal
Telerik team
Share this question
or