Adjust Z index or some other magic

7 posts, 1 answers
  1. Gabriel
    Gabriel avatar
    79 posts
    Member since:
    Nov 2011

    Posted 15 Jan 2012 Link to this post

    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.
  2.
  3. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 16 Jan 2012 Link to this post

    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!
  5. Gabriel
    Gabriel avatar
    79 posts
    Member since:
    Nov 2011

    Posted 16 Jan 2012 Link to this post

    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.
  7. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 18 Jan 2012 Link to this post

    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!
  9. Gabriel
    Gabriel avatar
    79 posts
    Member since:
    Nov 2011

    Posted 18 Jan 2012 Link to this post

    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.
  11. David
    David avatar
    6 posts
    Member since:
    Mar 2012

    Posted 17 Sep 2012 Link to this post

    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.
  13. Audrey
    Audrey avatar
    2 posts
    Member since:
    Sep 2012

    Posted 24 Sep 2012 Link to this post

    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.

    :-)
  14.
Back to Top