FontAwesome in Button

3 posts, 1 answers
  1. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 25 Nov 2015 Link to this post

    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. Answer
    Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 26 Nov 2015 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 26 Nov 2015 in reply to Dimo Link to this post

    Thanks Dimo,

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

Back to Top