Force Kendo.Menu to open below the menu bar and show a page scroll bar

3 posts, 1 answers
  1. Neil
    Neil avatar
    2 posts
    Member since:
    Jun 2013

    Posted 02 Dec 2013 Link to this post

    Please take a look at the below jsbin example

    http://jsbin.com/oGaZukih/1/edit?html,css,js,output

    You can see that I have told the menu to open below the menu bar (data-direction="bottom") but because the resulting menu item will be taller than the remaining height of the page it opens above the menu instead.

    Is there a way to force the menu to open below the menu bar and force the page to show a scroll bar. We're trying to use the menu like the kendo tabstrip but use the popover / absolute position of the menu.

    Neil
  2. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 04 Dec 2013 Link to this post

    Hello Neil,

    Giving a concrete class to the top menu element (and avoiding using a global style added to the UL elements) makes it work properly.

    http://jsbin.com/oGaZukih/3


    Kind Regards,
    Petur Subev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Answer
    Neil
    Neil avatar
    2 posts
    Member since:
    Jun 2013

    Posted 04 Dec 2013 Link to this post

    Thanks for your response.

    I did manage to get it working by forcing the CSS but there were a few other issues too (clicking the page scroll bar closes the menu) so we ended up styling a bootstrap menu to look similar to kendo and using that instead.

    Neil
Back to Top