Kendo UI Menu Collapsible for Mobile

7 posts, 0 answers
  1. Harlan
    Harlan avatar
    19 posts
    Member since:
    Dec 2014

    Posted 15 Apr 2015 Link to this post

    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?
  2.
  3. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 17 Apr 2015 Link to this post

    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!
     
  5. Harlan
    Harlan avatar
    19 posts
    Member since:
    Dec 2014

    Posted 17 Apr 2015 in reply to Petyo Link to this post

    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.
  7. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 21 Apr 2015 Link to this post

    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!
     
  8.
  9. Matt
    Matt avatar
    6 posts
    Member since:
    Mar 2012

    Posted 10 Sep 2015 Link to this post

    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.
  11. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 14 Sep 2015 Link to this post

    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!
     
  13. Matt
    Matt avatar
    6 posts
    Member since:
    Mar 2012

    Posted 14 Sep 2015 in reply to Alex Gyoshev Link to this post

    That's perfect. Thanks for the response.
  14.
Back to Top