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

Using bootstrap glyphicon in kendo menu

1 Answer 552 Views
Menu
This is a migrated thread and some comments may be shown as answers.
prakash
Top achievements
Rank 1
prakash asked on 20 Feb 2015, 12:44 PM
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 ?

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 24 Feb 2015, 08:59 AM
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.

 
Tags
Menu
Asked by
prakash
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or