Burger Menu

6 posts, 0 answers
  1. John Stewart
    John  Stewart avatar
    8 posts
    Member since:
    Sep 2007

    Posted 10 Dec 2014 Link to this post

    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
  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 13 Dec 2014 Link to this post

    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
     

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. WEBSRFR
    WEBSRFR avatar
    14 posts
    Member since:
    Mar 2004

    Posted 07 Jan 2015 in reply to Ivan Zhekov Link to this post

    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?
  5. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 12 Jan 2015 Link to this post

    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
     

    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.

     
  6. WEBSRFR
    WEBSRFR avatar
    14 posts
    Member since:
    Mar 2004

    Posted 12 Jan 2015 in reply to Ivan Zhekov Link to this post

    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.

  7. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 13 Jan 2015 Link to this post

    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
     

    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017