Using bootstrap glyphicon in kendo menu

[prakash]

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 ?

[Iliana Nikolova]

Hi Prakash,

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

Regards,
Iliana Nikolova
Telerik