It would be great if the menu had a responsive design that adapts to the screen size. Ideally, the items should wrap when there isn't enough space, similar to the Angular Material Menu.

Current workaround using custom CSS and flex-box:

https://stackblitz.com/edit/angular-bf9vpi

 

Currently, there is no easy way to add attributes to the <li> elements of the ContextMenu items. It will be a nice addition, which will allow additional customization of the list items.

Dear Support,

we have upgraded our Kendo Angular Menu control from 2.0.3 to 3.0.4 and we are experiencing the following problem:

• in case the main menu item is displayed on the rightmost position of the page
• and the main menu item has submenu items
• the entire menu dropdown disappears while it tries to open and display the submenu items

please check the attached screen recording and the following stackblitz repro:

• https://stackblitz.com/edit/angular-hi24pp?file=app/app.component.ts
  

additional info:

• the problem cannot be reproduced in case the page has a visible margin on the right side
• unfortunately our design does not allow us to add a margin on the right side, so we need a different solution

Thank you,

Ferenc Papp

Hello,

 

We would like to be able to customize icons used in kendo-menu (ex: arrows to access child elements).

This is required to match the rest of our style guide where we only use fontawesome icons.

Having still some kendo UI icons feel a bit weird at the moment.

 

Thanks!

Regards

Hi,

 

I am using [OpenClick] = "true" on Kendo-menu but it only applies when I click intially(on root arrows) but when I click the children it does not apply but instead opens on hover.

I want all the sub items to be opened with 'click' and not just root items. Can you please let me know..

https://www.telerik.com/kendo-angular-ui/components/menus/menu/open-close/#toc-opening-on-click

 

Regards,

Pallavi

It would be necessary to have popupSettings binding for Menu component similar to those in Dropdowns.

When we have more menu items than that can be displayed in a single line in the browser window, the menu will span multiple lines.

Can we have the menu items automatically collapsed to '...' button so that they can fit in a single line and when user clicks on the '...' button, they can see those items that cannot fit in the current line.

Just a notice for you. On page https://www.telerik.com/kendo-angular-ui/components/menus/ the last code example imports MenuModule and ContextMenuModule from @progress/kendo-angular-charts but it should be @progress/kendo-angular-menu instead.

It will be helpful if the menu component can be responsive similar to this example: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown