John Stewart
Top achievements
Rank 1
Rank 1
John Stewart
asked on 10 Dec 2014, 03:11 PM
Hi!
How do I implement the collapsing/burger menu that is used at www.Telerik.com (re-size the screen width to make it smaller and you get a burger menu) ?
Code snippet would be nice. Sample web page even nicer.
Thanks
How do I implement the collapsing/burger menu that is used at www.Telerik.com (re-size the screen width to make it smaller and you get a burger menu) ?
Code snippet would be nice. Sample web page even nicer.
Thanks
5 Answers, 1 is accepted
0
Hello.
The navigation on Telerik.com is quite a custom build. And currently we do not have a control that provides that level of customization. We are, however, evaluating and testing a new control built specifically for (responsive) navigation.
On your question how to implement such navigation your self: you need a bit of media queries and perhaps a tad of javascript and that's about it.
As for snippets, that's much harder: each and every navigation is unique in the context it is and we can not provide generic snippets.
Regards,
Ivan Zhekov
Telerik
The navigation on Telerik.com is quite a custom build. And currently we do not have a control that provides that level of customization. We are, however, evaluating and testing a new control built specifically for (responsive) navigation.
On your question how to implement such navigation your self: you need a bit of media queries and perhaps a tad of javascript and that's about it.
As for snippets, that's much harder: each and every navigation is unique in the context it is and we can not provide generic snippets.
Regards,
Ivan Zhekov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
WEBSRFR
Top achievements
Rank 1
Rank 1
answered on 07 Jan 2015, 10:48 PM
The collapsing burger menu is provided by default on ASP.net projects with bootstrap. I'd really like to use the Telerik menu bar but I am now leaning towards using the built in Bootstrap menu because it offers the responsive features I need.
Any idea when this feature will be available in your menu control?
Any idea when this feature will be available in your menu control?
0
Hi.
RadMenu does offer RenderMode="Mobile" and in this case it renders as a "burger menu".
We do plan two more improvements in that area, but we can share more with the 2015 Q1 release.
Regards,
Ivan Zhekov
Telerik
RadMenu does offer RenderMode="Mobile" and in this case it renders as a "burger menu".
We do plan two more improvements in that area, but we can share more with the 2015 Q1 release.
Regards,
Ivan Zhekov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
WEBSRFR
Top achievements
Rank 1
Rank 1
answered on 12 Jan 2015, 05:14 PM
Thank you so much but does it switch to the burger menu automatically when the menu no longer fits or is this a setting that needs ti be set manually?
I am glad to hear you will offer this feature in the 2015 Q1 release but as it is, the free menu that you get by default when you create an ASP.net project offers more responsive features than your menu... I have decided to use the built in ASp.net bootstrap menu for now and I look forward to switching to your menu when the responsive burger menu is implemented.
I am glad to hear you will offer this feature in the 2015 Q1 release but as it is, the free menu that you get by default when you create an ASP.net project offers more responsive features than your menu... I have decided to use the built in ASp.net bootstrap menu for now and I look forward to switching to your menu when the responsive burger menu is implemented.
0
RadMenu needs manual setting of RenderMode="Mobile", while the new things I am talking about will be able to do so automatically.
Regards,
Ivan Zhekov
Telerik
Regards,
Ivan Zhekov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.