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

Bug in latest Update icons

16 Answers 637 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
Grant asked on 23 Jan 2017, 07:18 AM

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

 

16 Answers, 1 is accepted

Sort by
0
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
answered on 23 Jan 2017, 08:48 AM
Added additional attachment of TreeView icons.
0
Dimiter Topalov
Telerik team
answered on 25 Jan 2017, 07:38 AM
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
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
gregory
Top achievements
Rank 1
answered on 26 Jan 2017, 05:37 AM

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"}
    ],

0
Dimiter Topalov
Telerik team
answered on 27 Jan 2017, 03:39 PM
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
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
gregory
Top achievements
Rank 1
answered on 27 Jan 2017, 09:13 PM

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.

 

0
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
answered on 30 Jan 2017, 07:26 AM

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

0
Lynden
Top achievements
Rank 1
answered on 31 Jan 2017, 12:13 AM

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.

0
Dimiter Topalov
Telerik team
answered on 31 Jan 2017, 02:52 PM
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
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
gregory
Top achievements
Rank 1
answered on 01 Feb 2017, 09:31 PM

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.

0
Dimiter Topalov
Telerik team
answered on 03 Feb 2017, 12:22 PM
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
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
gregory
Top achievements
Rank 1
answered on 03 Feb 2017, 10:02 PM

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.

0
Vaishali
Top achievements
Rank 1
answered on 11 Jan 2021, 10:21 AM

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 .

0
Ivan Danchev
Telerik team
answered on 13 Jan 2021, 09:35 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Hari
Top achievements
Rank 1
answered on 18 Jan 2021, 09:49 AM
I am also having the same issue
0
Vaishali
Top achievements
Rank 1
answered on 22 Jan 2021, 08:01 AM

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 ? 

0
Ivan Danchev
Telerik team
answered on 26 Jan 2021, 08:17 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
General Discussions
Asked by
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
Answers by
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
Dimiter Topalov
Telerik team
gregory
Top achievements
Rank 1
Lynden
Top achievements
Rank 1
Vaishali
Top achievements
Rank 1
Ivan Danchev
Telerik team
Hari
Top achievements
Rank 1
Share this question
or