Bug in latest Update icons

[Grant]

Hi, 

I've just updated to Kendo UI v2017.1.118, and I've noticed (what I think is) a bug with the icons.

I dont know how far it goes but here is a screenshot of my menu and dropdowns. As you'll see the dropdown icons are both the up and down arrows together.

Please advise.

Thanks,
Grant

 

[Grant]

Added additional attachment of TreeView icons.

[Dimiter Topalov]

Hello Grant,

There are some issues with the icons in the latest version, but the described ones are not among them, and the mentioned widgets' icons are displayed as expected on our end (for example in the online demos):

http://demos.telerik.com/kendo-ui/dropdownlist/index

http://demos.telerik.com/kendo-ui/treeview/remote-data-binding

The following documentation article might prove useful, if you have customized the styling with some custom styles:

http://docs.telerik.com/kendo-ui/backwards-compatibility/2017-backward-compatibility

If the issue persists, please send us an isolated runnable project, similar to the ones from our online demos, where it can be observed, so we can inspect it further, and determine what might be causing it. Thank you in advance.

Regards,
Dimiter Topalov
Telerik by Progress

[gregory]

I am also having issues with the new icons.

The clock image (see attached) is coded like so:

$("#barIpGridButton").kendoButton({
    icon: "clock",
    click: onClick
   });

And the grid buttons that are weird (excel) is just the normal toolbar.excel

toolbar: [
     "save",
     // We have a custom cancel button that just refreshes the grid instead of using the normal behavior of changing what was entered into the grid. This is necessary as people are confused when they commit the data to the db using the save button, and then they cancel changes, and it goes back which is not want we want here.
     {name: "customCancel", text: "Cancel", imageClass: "k-icon k-i-cancel"},
     "excel",
     {name: "showByPass", text: "Show ByPass"},
     {name: "hideByPass", text: "Hide ByPass"}
    ],

[Dimiter Topalov]

Hello Gregory,

The icons, visible in the screenshots, look different on our end:

http://dojo.telerik.com/IDabI

Are you using some custom fonts and/or styling that might be causing the undesired effect? Another possibility the issue to be caused by disabled browser anti-aliasing.

If the issue persists, please send us a similar isolated runnable project where it can be observed, or modify the dojo above, so we can investigate it, and determine what might be causing it. Thank you in advance.

Regards,
Dimiter Topalov
Telerik by Progress

[gregory]

Thanks Dimiter,

But, even on the link that you provided, I am still seeing the funny icons with Chrome (Version 55.0.2883.87 m): see attached.

 

[Grant]

Hi Dimiter,

My apologies that its taken me awhile to respond, I've been busy with some other work. 

After some experiments and testing I found that the issue has something to do with my custom theme. When I first implemented KendoUI I created a custom theme, based on Blue Opal using the theme roller. I didnt mention this originally because the last time I update the KendoUI code, there werent any styling issues. 

Anyway If I replace my custom theme with the default Blue Opal, the icons are restored. I also discovered that if I recreate the custom theme, the icons are restored.

I conclude that since "There are some issues with the icons in the latest version" (Quoted from your first response) the icon display was updated and this update isn't compatible with the older custom style sheet. All I need to do to fix my problem is recreate and import my custom style sheet.

I appreciate the help and quick response.

Thanks and Kind Regards,
Grant

[Lynden]

I've also found a small issue with using fontawesome icons in that I had to move css file to after the kendo css files have loaded.

Hope this helps somebody, took me a few days to solve this.

[Dimiter Topalov]

Hi Gregory,

There seems to be something on your end that causes the undesired layout. I have attached a screenshot with the intended layout (as seen on our end, looks like this in the latest versions of Chrome, Firefox, and IE).

Are you observing the same layout in all browsers or Chrome only? If you can also please share some further details like the device and OS of the system where the problem is observed, this can help us try determine what might be causing it.

---

Grant, I am glad that you have managed to resolve the issue.

---

Lynden, thanks for sharing your experience.

Regards,
Dimiter Topalov
Telerik by Progress

[gregory]

Thanks for the follow up. Yes, it is a Chrome issue that I can't figure out. The icons work with IE 11 and Firefox.

[Dimiter Topalov]

Hello Gregory,

You can try gradually disabling any custom font settings and/or plugins that might interfere with displaying the text and icons in Chrome, until you pinpoint what is causing the issue.

This is the only similar complaint that we have received so far, so we must assume the issue is not related to Kendo UI, until something indicates otherwise. Thank you for the understanding.

Regards,
Dimiter Topalov
Telerik by Progress

[gregory]

Thanks Dimiter,

I am working with a corporate software image that provides the browser for my users which is hard to work with. But it does not appear to be a Kendo issue at all.

[Vaishali]

We are also using kendo from long back. And all of a sudden clients are facing issues where in few (frop down arrow) is not getting loaded on screen. 

Behind the scene we just see warning message for "Failed to decode downloaded font" This is for one of the *.woff file.

And this is not happening for all clients but yes now more people have started complaining about same.

We are using 2020 kendo library version .

[Ivan Danchev]

Hello,

There are different reasons for getting this error:

https://stackoverflow.com/questions/34288778/failed-to-decode-downloaded-font-ots-parsing-error-invalid-version-tag-rails

https://www.aemquickstart.in/2016/08/failed-to-decode-downloaded-font.html

https://stackoverflow.com/questions/31001842/fontawesome-failed-to-decode-downloaded-font?answertab=votes#tab-top

ranging from permissions:

<location path="fonts">
    <system.web>
     <authorization>
     <allow users="*" />
     </authorization>
    </system.web>
</location>

to server configuration.

Try the suggested solutions in the linked threads. Alternatively, try using our CDN links instead of loading the CSS files locally, for example:

<link href="https://kendo.cdn.telerik.com/2020.3.1118/styles/kendo.common.min.css" rel="stylesheet" />
<link href="https://kendo.cdn.telerik.com/2020.3.1118/styles/kendo.default.min.css" rel="stylesheet" />

Regards,
Ivan Danchev
Progress Telerik

[Hari]

I am also having the same issue

[Vaishali]

We drilled down this problem further. We have introduced Akamai recently and with that we started facing issues.

If we clear akamai cache it works fine.  All other link works perfectly fine with Akamai. 

Is there any problem with Akamai  when it comes to Kendo ? 

[Ivan Danchev]

Hello Vaishali,

We haven't tested Kendo UI with Akamai, so we are not aware of potentials issues in integrating Kendo UI with it. We will recommend your solution, if we get other reports of similar behavior.

Regards,
Ivan Danchev
Progress Telerik