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 

            dataSource: [{
                text: 'Settings',
                items: settingOptions
            openOnClick: true,
            closeOnClick: false,
            open: function () {
            select: function () {

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

    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
    Iliana Nikolova avatar
    2570 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.

    Iliana Nikolova

    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 AJAX banner
Back to Top