Kendo UI Menu Collapsible for Mobile

[Harlan]

I'm testing the Kendo UI Menu and I like most of what I see. However, I'd like the menu to disappear and become a button with a dropdown menu/panel on mobile devices, specifically on devices that do not have sufficient width to support all the menu items. The Bootstrap Navbar is an example of a menu that already works this way. Is this possible with the current menu? Is it a feature that might be added in the near future?

[Petyo]

Hi Harlan,

the feature you refer to may be implemented with the responsive panel widget.

Regards,
Petyo
Telerik

 

 

[Harlan]

That does look promising, although I don't see any demonstration with a Menu in it. I'm guessing the Menu isn't designed to be placed inside a Responsive Panel but I guess I'll try it when I get a chance.

[Petyo]

Hello Harlan,

the menu may be hosted in such panel, although there is nothing special about its behavior in such cases.  

Regards,
Petyo
Telerik

 

 

[Matt]

Is there any way to make a menu with flyout menu items work within a responsive panel? The panel loads and functions as expected, but the sub-menu are trapped inside the panel. When you mouse over the menu items, they do not display normally but just add scrollbars to the div container and remain inside the div.

[Alex Gyoshev]

Hello Matt,

 

In order to allow elements to break out of the ResponsivePanel container, apply overflow: visible to the element, as shown in this Dojo snippet.

 

Regards,
Alex Gyoshev
Telerik

 

 

[Matt]

That's perfect. Thanks for the response.