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

Font awesome icons in Kendo Toolbar

2 Answers 430 Views
Toolbar
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 14 Mar 2015, 06:51 AM
  $('#toolbar'). kendoToolBar({
                    items: [
                        {
                            type: "button",
                            text: "But1",
                            spriteCssClass: "fa fa-map-marker",
                            attributes: { "class": "fa fa-2x fa-map-marker" }, // doesn't work either
                        }]
});

Hi

I'm trying to show a font awesome icon instead of kendo sprites in kendoToolbar.
Is this possible? thanks heaps.

Cheers

Michael

2 Answers, 1 is accepted

Sort by
0
Michael
Top achievements
Rank 1
answered on 14 Mar 2015, 06:57 AM
Sorry, forgot to add. I've tried the suggestion in 
http://docs.telerik.com/kendo-ui/web/menu/how-to/using-fontawesome-icons

My icon does show, but I can only see the bottom of the icon. 

Please see attached. What have I done wrong?

Thanks.

0
Iliana Dyankova
Telerik team
answered on 17 Mar 2015, 03:31 PM
Hi Michael,

I tested the provided code snippet and everything is working as expected on my side. Could you please check this example and let me know if I am missing something?

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Toolbar
Asked by
Michael
Top achievements
Rank 1
Answers by
Michael
Top achievements
Rank 1
Iliana Dyankova
Telerik team
Share this question
or