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

Sprite image overlay with custom theme

3 Answers 35 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Erik
Top achievements
Rank 1
Erik asked on 29 Sep 2017, 06:54 PM

Probably I am doing something wrong and hopefully a simple fix - I am seeing the up triangle sprite overlaid on all sprite images when using a custom theme.  As seen here.

I had gone through the process of creating a custom theme based off of material through here. In the generated kendo.custom.css file, I replaced all references to images (url('none/sprite.png'); with the proper path on my web server.

Everything looks fine with standard material theme:

<link href="https://kendo.cdn.telerik.com/2017.3.913/styles/kendo.material.min.css" rel="stylesheet" type="text/css" />

 

But the sprites become overlaid after I specify my custom theme:

<link href="../../Content/kendo.custom.css" rel="stylesheet" type="text/css" />

 

3 Answers, 1 is accepted

Sort by
0
Accepted
Orlin
Telerik team
answered on 03 Oct 2017, 07:20 AM

 

Hello Erik,

The icons overlayed with sprites are related to this issue: https://github.com/telerik/kendo-ui-core/issues/2696

To work around it, please replace all instances of url('none/sprite.png') with none in the CSS file, and this should fix the icons for you.

I hope this helps, and do let us know if you need further assistance with this.




Regards,
Orlin
Progress Telerik
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.
0
Erik
Top achievements
Rank 1
answered on 03 Oct 2017, 12:23 PM

Orlin, changing all of the sprite url calls to just "none" did resolve the problem.  Though I am unclear if that is a final solution.

The github issue tracker link you posted is exactly what I tried to resolve by changing the url('none/sprite.png') to the path of my theme.  Is that no longer required? If so then why hasn't the theme generator been fixed to not output those 'url's?

0
Orlin
Telerik team
answered on 05 Oct 2017, 02:02 PM
Hello Erik,

The sprite file is a remnant from before the Kendo UI widgets switched to using font-based icons earlier in the year, so it is no longer needed. Removing any reference to it is a workaround to the issue I sent you. Once we have it resolved, the Github issue will be closed, and a general fix will be available with the next official release.

I hope this answers your questions.


Regards,
Orlin
Progress Telerik
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
General Discussions
Asked by
Erik
Top achievements
Rank 1
Answers by
Orlin
Telerik team
Erik
Top achievements
Rank 1
Share this question
or