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

FontAwesome in Button

2 Answers 965 Views
Button
This is a migrated thread and some comments may be shown as answers.
Dr.YSG
Top achievements
Rank 2
Dr.YSG asked on 25 Nov 2015, 03:55 PM

I have a button that I want to have a FontAwesome icon before the text of Change:

 

<button  class="k-button" type="button" id="setFile">Change</button>

 Right now (in Chrome, on the Desktop) I find that I can do this:

 

$("#setFile").kendoButton({
    icon: "search"
});

And get one of the built in icons. But am already use the FA icons in other parts of the page, so they are loading properly. But I don't get your documetation on adding the FA icons. I tried this, but it was a blank icon: (Maybe it is there, but I have a MetroBlack theme and perhaps it is black?)

 

$("#setFile").kendoButton({
    spriteCssClass: "fa-car"   /* also tried "fa fa-car" */
});

 

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 26 Nov 2015, 12:56 PM
Hello,

Please check the following new documentation section.

http://docs.telerik.com/kendo-ui/web/button/overview#font-icons

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Dr.YSG
Top achievements
Rank 2
answered on 26 Nov 2015, 04:25 PM

Thanks Dimo,

 Your documentation is fantastic. I was googling the wrong articles on your website. 

Tags
Button
Asked by
Dr.YSG
Top achievements
Rank 2
Answers by
Dimo
Telerik team
Dr.YSG
Top achievements
Rank 2
Share this question
or