Kendo React - Menu - How to render nested items and/or split long menu items into multiple columns with contentRender

1 Answer 65 Views
Menu
Jason
Top achievements
Rank 2
Iron
Iron
Iron
Jason asked on 03 Oct 2023, 06:06 PM

Greetings,

I'm currently using contentRender to display the items from the menu button. I have an issue where the long menu of items is causing the window to exceed the max height and create a scroll bar. 

Is it possible to display the menu with nested items and/or split the items into multiple columns with contentRender?

Please help, thanks!

 

Jason

1 Answer, 1 is accepted

Sort by
1
Accepted
Filip
Telerik team
answered on 05 Oct 2023, 03:13 PM

Hello, Jason,

I understand that you have a lot of menu items that cause the window to exceed the max height and create a scrollbar, is that correct? If that is the case, rendering MenuItems inside the contentRender will not work, a possible approach that I can recommend is to nest them as much as possible in submenus in order to clear more space, if your requirements allow:

https://stackblitz.com/edit/react-1cxeqi-derveg?file=app%2Fmain.tsx

In case this does not work for you, can you please isolate the issue in a runnable example so that we can test it locally and find a suitable approach?

Regards,
Filip
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Menu
Asked by
Jason
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Filip
Telerik team
Share this question
or