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

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

2 Answers 44 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Neil
Top achievements
Rank 1
Neil asked on 02 Dec 2013, 10:11 AM
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 Answers, 1 is accepted

Sort by
0
Petur Subev
Telerik team
answered on 04 Dec 2013, 09:08 AM
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!
0
Accepted
Neil
Top achievements
Rank 1
answered on 04 Dec 2013, 09:13 AM
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
Tags
Menu
Asked by
Neil
Top achievements
Rank 1
Answers by
Petur Subev
Telerik team
Neil
Top achievements
Rank 1
Share this question
or