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

Kendo WebFont icons not visible in Kendo Menu

1 Answer 289 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Daniel Knoll
Top achievements
Rank 1
Daniel Knoll asked on 05 Apr 2017, 12:31 PM

Hello,

Since Kendo ships with Web Font Icons, I would assume, that they work inside the Kendo Menu when using spriteCssClass on menu items.

Turns out, they are not working in the menu.

http://dojo.telerik.com/amUji

Am I doing something wrong? Fontawesome Icons work fine.

Best regards.

1 Answer, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 07 Apr 2017, 12:43 PM
Hi, Daniel.

That's not exactly a bug, but rather a limitation: currently, icon classes can not be set trough "spriteCssClass" because the class for sprite images sets styles effectively hiding font icons.

This can be easily overriden by some css:

.k-menu .k-sprite.k-icon {
  font-size: 16px;
}

And by the way, there is no "k-i-bars" icon. You could try with "k-i-add". I've modified your example to include both the styles and the correct name for the icon: http://dojo.telerik.com/amUji/2.

Regards,
Ivan Zhekov
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
General Discussions
Asked by
Daniel Knoll
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Share this question
or