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

Adjust Z index or some other magic

6 Answers 245 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Gabriel
Top achievements
Rank 1
Gabriel asked on 16 Jan 2012, 02:32 AM
I have a menu inside a splitter and when it expands, it expands outside the spitter, and the splitter needs to be resized to see the menu items.

Is it possible to change the order of a menu so the overflow is not hidden and it expands over the spitter?

This post: http://www.kendoui.com/forums/ui/menu/menu-z-index.aspx and http://www.kendoui.com/forums/ui/menu/menu-splitter-hides-the-pop-ups.aspx don't work. All this does is cause scrollbars to show on the splitter pane containing the menu, it doesn't actually make the menu items expand over the top of the splitter.

6 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 16 Jan 2012, 09:20 AM
Hello Gabriel,

The Menu items are not detached - they reside inside it. The Splitter on the other hand has overflow: auto and this will hide the menu items. You probably need to get the Menu outside of the splitter.

All the best,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Gabriel
Top achievements
Rank 1
answered on 16 Jan 2012, 10:43 PM
Thanks. Why does a dropdown work then and not the menu? Is there any possibility of making it expand over and outside the bounds of a splitter like the dropdowns do?

This Fiddle has what I mean: http://jsfiddle.net/kyHHx/4/ Granted, there is a quirk where the resizable spliter pane bar goes through the dropdown, but it still goes outside the pane.
0
Accepted
Kamen Bundev
Telerik team
answered on 18 Jan 2012, 05:31 PM
Hello Gabriel,

The DropDownList has a detached Popup which lives in the document.body and thus it is able to show over obstacles. The Menu on the other hand contains its Popups and they cannot leave any container with overflow other than visible. Our current roadmap doesn't include such a feature, however you can go to our Kendo UI UserVoice feedback page and vote for it.

Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Gabriel
Top achievements
Rank 1
answered on 19 Jan 2012, 03:00 AM
Just an update: a menu inside a pane on the left CAN expand to the right outside and over the panes to the right.
They don't seem able to drop down over or from the right outside.

This seems more like a bug than by design.
0
David
Top achievements
Rank 1
answered on 17 Sep 2012, 07:56 PM
This is really basic requirements for a menu control.  You can achieve this functionality fine with the Telerik AJAX controls (and just about every other control suite I've ever used).  This really needs to be addressed.  A menu should be windowed OVER the splitter if used within a splitter pane.
1
Audrey
Top achievements
Rank 1
answered on 24 Sep 2012, 08:37 PM
I was able to override it with this:
.k-splitter .k-scrollable
{
    overflow: visible;
}

Which, if you were worried about other overflow from other parts of the body, you could use the jQuery css method to change the overflow while the menu is open.

:-)
Tags
Menu
Asked by
Gabriel
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Gabriel
Top achievements
Rank 1
David
Top achievements
Rank 1
Audrey
Top achievements
Rank 1
Share this question
or