Unplanned
Last Updated: 17 Dec 2021 08:25 by ADMIN
felix.wagner
Created on: 02 Dec 2021 14:23
Category: Drawer
Type: Feature Request
0
Hierarchical Drawer - Mini View: Hierarchical Icon-Mini-View

Dear team,

in one of our projects, we use the Hierarchical Drawer with icons, as shown in https://www.telerik.com/kendo-angular-ui/components/layout/drawer/hierarchical-drawer/.

This Drawer is collapsible, and I am aware that there is the possibilty to create a Mini view by using:

[mini]="true"
[miniWidth]="80"

as shown here: https://www.telerik.com/kendo-angular-ui/components/layout/drawer/hierarchical-drawer/#toc-using-hierarchical-data.

 

What our customer has requested, is a collapsing behavior, which - in the mini-view - leaves only the icons of the menu entry, just like in the "normal" drawer (https://www.telerik.com/kendo-angular-ui/components/layout/drawer/), but with hierarchical data.

 

Are there currently any plans to support such a behavior?

Thanks in advance,

Felix

3 comments
ADMIN
Svet
Posted on: 17 Dec 2021 08:25

Hi Felix,

Thank you for the provided additional details and feedback.

The hierarchical items support feature for the Drawer component could be released the soonest by October 2022. But that is just a timeline that isn't confirmed and is subject to change due to the variable factors that influence the time for delivery.

Regards,
Svet
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/.

felix.wagner
Posted on: 10 Dec 2021 10:23

Hi Martin,

thank you for your response.

Unfortunately, your example is not quite what we want, since this would imply the menu growing horizontally in case there are more two hierarchy layers. Also, the width of the menu would have to be calculated dynamically in that case.

What we had thought of was something like this:
https://www.nobleui.com/html/template/demo1/pages/ui-components/accordion.html

BUT:

- the menu should either not toggle on hover, or only toggle on hover, if the currently selected hierarchy root item is hovered (to prevent the jumping behavior in case an item below the currently active one is hovered)

- in case a hierarchy mini-item is clicked, the menu toggles and opens the menu subtree of this root item

I hope this makes it a bit more clear, great that you already plan to implement something like this. Do you have any timeline for that by any chance?

Thanks and best regards,

Felix

ADMIN
Martin Bechev
Posted on: 09 Dec 2021 09:40

Hi Felix,

Thank you for the logged request.

First I want to mention that we plan to provide built-in support for hierarchical items in the Kendo UI for Angular Drawer component.

As for the requested functionality, I am not sure that I understand correctly how the mini-view should look in such a hierarchical manner.

In case the icons should be hierarchical too in mini view, the developer could enhance the kendoDrawerItemTemplate by toggling the item text when the mini view is activated.

Please check the following example which demonstrates such an approach:

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

If I misunderstood the requirements could I ask you for some more details regarding the expected end result in this case. Thank you in advance.

Regards,
Martin
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/.