Unplanned
Last Updated: 05 Mar 2021 19:32 by ADMIN
Gary
Created on: 01 Apr 2020 15:03
Category: Menu
Type: Feature Request
9
Built-in boundary detection or Property to set the expand direction of sub-menus

Implementation of one or both of these features:

- Screen boundary detection: The list of child items expands to the opposite direction when necessary to prevent screen boundaries from being crossed.

- ExpandDirection: Gets or sets the direction in which child items will open.

7 comments
ADMIN
Marin Bratanov
Posted on: 05 Mar 2021 19:32

Hello Eli,

I think that for small screens the best thing would actually be the adaptive behavior we have in WebForms as it totally changes the way this works and there are no more nested popups (use the QR to open on a real mobile): https://demos.telerik.com/aspnet-ajax/menu/examples/mobile-and-touch-support/adaptive-behavior/defaultcs.aspx. Something that would likely land before that would be a hamburger collapse at least: https://feedback.telerik.com/blazor/1450998-the-menu-to-adapt-to-a-hamburger-menu-for-small-screens. The adaptive behavior hasn't even been asked for and is just in my head - I intend to try to "sell" that behavior as the responsive behavior for small screens, but what will happen will be determined when the time comes.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Eli
Posted on: 05 Mar 2021 19:24

Thank you for the response. 

Seeing your video, I think what I was actually looking for is not covering the immediate parent as the other control suites do and that would be enough for me.  I understand you must prioritize.

ADMIN
Marin Bratanov
Posted on: 05 Mar 2021 19:16

Hello Eli,

When you have many menu items with deep hierarchy, child menus will always start overlapping parents at one point. I am attaching a short video that shows how the kendo and webforms menus will also start overlapping at some point - depending on the data in the menus, its position on the screen and the viewport size at one point it will become inevitable that overlap will happen and that some items might not actually fit the viewport in any case. The boundary detection would prevent an overlap with the direct parent at most, nothing else can be guaranteed because it depends on the relation between all the other factors above.

What I can say is that this feature is not on our roadmap at the moment. We need to take into account the popularity of certain needs with our community and this one is, unfortunately, not high up in the list. The best way to know when it becomes available or there is an update is to click the Follow button to get emails for that.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Eli
Posted on: 05 Mar 2021 19:04

Any potential timeline on getting expand direction or auto detection so when expanding sub menus do not cross parent items?

This is something that the other Telerik Ajax, Core and Kendo-UI menus already do well.

If you have a menu anchored to the right of a webpage this is critical.

Thanks.

Eli
Posted on: 22 Jun 2020 19:38
Boundary detection is great to keep items on screen, but without set or automatic direction menu items can be covered by the boundary detection.
Gary
Posted on: 17 Apr 2020 19:04

Thanks for the feedback.  As always I appreciate all you guys do.

 

ADMIN
Marin Bratanov
Posted on: 02 Apr 2020 13:23

Hello Gary,

To add a bit of context, it is more likely that we implement boundary detection so the menu does not go out of the viewport. Direction is going to be rather difficult to expose for configuration, considering that the menu is a databound component and there is an unlimited number of levels and sub-menus, which makes choosing a direction next to impossible considering how many screen sizes and layouts are possible.

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.