Using bootstrap glyphicon in kendo menu

2 posts, 0 answers
  1. prakash
    prakash avatar
    8 posts
    Member since:
    Feb 2015

    Posted 20 Feb 2015 Link to this post

    I am using the following menu 

        $("#settingsmenu").kendoMenu({
            dataSource: [{
                text: 'Settings',
                items: settingOptions
            }],
            openOnClick: true,
            closeOnClick: false,
            open: function () {
                /...../
            },
            select: function () {
                /..../
            }
        });


    Following is my menu 
        <ul id="settingsmenu" class="pull-right">
            <li>
                <span class="glyphicon glyphicon-cog"></span>
            </li>
        </ul>


    Now what is get is a down arrow next to settings text. 
    I need to show a bootstrap glyph icon(a span essentially).
    Any way that I can achieve this ?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 24 Feb 2015 Link to this post

    Hi Prakash,

    Take a look at this example which demonstrates how to use a glyph icon in Kendo UI Menu.

    Regards,
    Iliana Nikolova
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top