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

CSS files contain server-side code render blocks

1 Answer 29 Views
Theme Builder
This is a migrated thread and some comments may be shown as answers.
Jimmie
Top achievements
Rank 2
Jimmie asked on 08 Mar 2017, 12:47 AM

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

 

 

 

1 Answer, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 09 Mar 2017, 10:16 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Theme Builder
Asked by
Jimmie
Top achievements
Rank 2
Answers by
Magdalena
Telerik team
Share this question
or