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

Mneu popout not showing

1 Answer 21 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Joe
Top achievements
Rank 1
Joe asked on 21 Jul 2017, 06:01 PM

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?

 

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 25 Jul 2017, 10:33 AM
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.
Tags
Menu
Asked by
Joe
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or