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
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