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

Kendo UI Menu Collapsible for Mobile

6 Answers 662 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Harlan
Top achievements
Rank 1
Harlan asked on 15 Apr 2015, 08:26 PM
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?

6 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 17 Apr 2015, 06:37 AM
Hi Harlan,

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

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Harlan
Top achievements
Rank 1
answered on 17 Apr 2015, 03:19 PM
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.
0
Petyo
Telerik team
answered on 21 Apr 2015, 10:47 AM
Hello Harlan,

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

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Matt
Top achievements
Rank 1
answered on 10 Sep 2015, 07:46 PM
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.
0
Alex Gyoshev
Telerik team
answered on 14 Sep 2015, 01:24 PM

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Matt
Top achievements
Rank 1
answered on 14 Sep 2015, 03:01 PM
That's perfect. Thanks for the response.
Tags
Menu
Asked by
Harlan
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Harlan
Top achievements
Rank 1
Matt
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Share this question
or