Using Open Iconic fonts in DrawerItem??

1 Answer 101 Views
Drawer
Jstemper
Top achievements
Rank 2
Iron
Jstemper asked on 23 Jun 2022, 03:34 PM
I would like to use the Open Iconic font icons in the drawer element instead of the default Telerik icons.  
I can get  the css class to reflect the classes for the icons but the component insists on also adding the k-icon & k-i- classes into the class section of the before span.  The k-icon class and k-i- partial class name override the oi & oi-flag class I specify.  

How do I use the Open Iconic fonts in the DrawerItem section?  

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 28 Jun 2022, 06:54 AM

Hello John,

The Drawer will "insist" :) only if you are using Icon and IconField. Instead, use IconClass and IconClassField.

Also check the Drawer Icons documentation.

Another option for your case is to use the Drawer Template, but that is necessary only if you need full control over the HTML output.

Regards,
Dimo
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
Drawer
Asked by
Jstemper
Top achievements
Rank 2
Iron
Answers by
Dimo
Telerik team
Share this question
or