CSS files contain server-side code render blocks

[Jimmie]

I have created a custom theme with the Theme Builder but I have notice that many, if not all, of the URL references in the css files contain server-side code blocks. Since I am adding links to these files directly the server side code does not get executed.

 

Example from the SearchBox css file:

.RadSearchBox_BP_FormDefault .rsbLoadingIcon {   

    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.BP_FormDefault.Common.loading_small.gif")%>'); 

}

The example linked in several of the existing threads does not provide any information.

http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/appearance-and-styling/modifying-existing-skins#creating-a-custom-skin-basic-steps

 

 

 

[Magdalena]

Hello Jimmie,

Images in our skins are added as embedded web resources. If you would like to keep this approach, you can follow this answer.

The other option is to reply all those styles by regex, and refer images by their relative paths. You can make it by Find/Replace command in Visual Studio for example by the following regex:
Find: <%=WebResource\("Telerik.Web.UI.Skins.(.*)\.(.*)\.(.*)\.(.*)"\)%>
Replace: images/$3.$4


Regards,
Magdalena
Telerik by Progress