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

Hamburger Menu when screen size is small

3 Answers 668 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Henry Derstine
Top achievements
Rank 1
Henry Derstine asked on 19 Dec 2018, 03:17 PM

Is there a way to get the responsive behavior for the menu to change to a hamburger menu when the screen size is small? I saw this older post and was wonder if anything has changed.

https://www.telerik.com/forums/menu-and-bootstrap

The behavior would be similar to http://getbootstrap.com/examples/navbar/

Thanks

3 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 21 Dec 2018, 11:30 AM
Hello Henry,

With regard to the Menu there hasn't been any changes in that direction and it still has no capabilities of changing to a hamburger menu when viewed on small screen sizes.

We would suggest you to consider using the ToolBar since it has this functionality built-in. The MenuButtons are one of the types of items the ToolBar supports and they have the look and feel of the Menu (see the Insert buttons in our ToolBar demo).

Regards,
Ivan Danchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Henry Derstine
Top achievements
Rank 1
answered on 21 Dec 2018, 12:14 PM
Thank you for your suggestion. I will look into it.
0
Ivan Zhekov
Telerik team
answered on 24 Dec 2018, 08:40 AM
Hello, Henry.

One thing I should add: there are subtle differences between the menu and toolbar, namely the toolbar can have as many nested children as menu can.

While we do not offer the built in hamburger menu functionality for Kendo UI, like we do for UI for ASP.NET Ajax, we do have something that could suit your needs -- responsive panel. With a bit of configuration, you could make it work the way you need it -- http://dojo.telerik.com/@joneff/UKUDERED.

Regards,
Ivan Zhekov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Menu
Asked by
Henry Derstine
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Henry Derstine
Top achievements
Rank 1
Ivan Zhekov
Telerik team
Share this question
or