Font awesome icons in Kendo Toolbar

3 posts, 0 answers
  1. Michael
    Michael avatar
    3 posts
    Member since:
    Sep 2014

    Posted 14 Mar 2015 Link to this post

      $('#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. Michael
    Michael avatar
    3 posts
    Member since:
    Sep 2014

    Posted 14 Mar 2015 Link to this post

    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.

  3. Kendo UI is VS 2017 Ready
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 17 Mar 2015 Link to this post

    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!
     
Back to Top