asp.net mvc 4 - KendoUI Menubar open on click -

i have kenoui menubar.

code per bellow:

@(html.kendo().menu()     .name("usermenu")     .events()     .items(items =>      {          items.add().text("organisation name");           items.add().text("user fullname").items(useritems =>          {              useritems.add().text("option 1");              useritems.add().text("option 2");              useritems.add().text("option 3");                                           });        })); 

pretty simple menu sub menu under user fullname. want change menu bar not open option 1, 2, 3 sub menu when 1 hovers on user fullname.

only if click on user fullname should sub menu open.

anyone have idea how that?

you can use openonclick method. default, false, menu's open on hover. setting true allows menus open when click on them.

@(html.kendo().menu()                 .name("usermenu")                 .openonclick(true)                 .items(items =>                 {                     items.add().text("organisation name");                      items.add().text("user fullname").items(useritems =>                     {                         useritems.add().text("option 1");                         useritems.add().text("option 2");                         useritems.add().text("option 3");                                                     });                  }));