Mneu popout not showing

2 posts, 0 answers
  1. Joe
    Joe avatar
    191 posts
    Member since:
    May 2012

    Posted 21 Jul Link to this post

    I am using the MVC Menu component, and I am using is in a slide out div.  So hit a menu button, a div slides out from the side of the screen, showing menu choices.  However, the menu itself (with a Vertical Orientation) fills up the entire div, and submenu items are not showing up because I assume they're being cut off by the div.  I have tried setting an HtmlAttriibutes on the main menu itself, with a style of z-index: 1000 to ensure it's the top most, but that doesn't work.  I've also tried using PopupCollisions to false, but I guess that's for something else entirely.

    So my question is, if a menu is part of a popup or slide out div, how to ensure sub menu items get displayed, and secondly, where do I put in the URLs for these menu items?  All the demos only show the menus, but not what should happen when a menu is clicked?

     

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1332 posts

    Posted 25 Jul Link to this post

    Hello Joe,

    I am not sure what styles you use to create a sliding div, but here's a sample dojo, in which a sliding div contains a Menu and its sub menus are displayed as expected. It also shows how the item's url option can be set (check Sub Item 1.1), which triggers navigation on click of that item. For the Menu's MVC wrapper the url is set through the Url() method:
    @(Html.Kendo().Menu()
        .Name("menu")
        .Items(items =>
        {
            items.Add().Text("Wikipedia").Url("http://www.wikipedia.org")
    //... other items


    Regards,
    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top