Hi,
we upgraded a project of ours from 2022.2.510 to 2024.4.1112, and expectedly our icons aren't working anymore, for example:
<i class="k-icon k-i-user"></i>
The following articles suggest, that it is possible to continue using font icons instead of svg icons:
- ASP.NET MVC Migrating Font Icons to SVG Icons - Telerik UI for ASP.NET MVC
- https://docs.telerik.com/aspnet-mvc/knowledge-base/missing-font-icons
But we weren't able to get it to work. Is this still supported, and do we need to do sth. else?
(Besides upgrading the project through NuGet, we also installed the packages for SVGIcons and FontIcons from Telerik...)
Kind regards.
1 Answer, 1 is accepted
Hello Stefan,
Thank you for contacting us.
You should be able to fix this issue by adding the k-font-icon class. A detailed explanation is provided here:
https://www.telerik.com/forums/icons-in-menu-not-visible-in-latest-library-2024-q4
Was this answer beneficial? Let me know what you think.
Regards,
Eyup
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Iron
Iron
Iron
Hello Eyup,
thank you very much, that worked. :)
One more question:
As per article, we have to include the following CSS-file from the web:
https://unpkg.com/%40progress/kendo-font-icons/dist/index.cssWe like to have this locally available, so that our application has no dependencies to any resources on the web.
Is there a package available, that we might import, or can we just download the file and distribute it with our application?
What would be the best/supported way here?
Kind regards.
Hi Stefan,
I am glad the provided info has been helpful.
Yes, you can download and use it locally as well.
The key point is that the font icons version should match the theme version. For example Kendo Theme version 10.0.0 matches with Kendo font icons version 4.0.0.
This reference will give you always the latest available version:
https://unpkg.com/%40progress/kendo-font-icons/dist/index.css
You can also get a specific version like this:
https://unpkg.com/@progress/kendo-font-icons@4.0.0/dist/index.css
And you can find the different versions here:
https://www.npmjs.com/package/@progress/kendo-font-icons
Do you find this answer helpful?
Rank 1
Iron
Iron
Iron
Hi Eypu,
yes, thank you very much.
I also now realized, that the Telerik-Upgrade to the newest version actually added the necessary files already under ~/Content/kendo/<version>/font-icons, so we don't even need to download. I just had to add the reference. :)
Kind regards.
Kind regards.