Please provide similar functionality to Material's BreakpointObserver:
that will allow changing the default options of the Drawer automatically based on the screen size.
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:
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,
Please provide an option for the Drawer so that the developer can configure whether the item content is destroyed and recreated when collapsing/expanding the collapsible section of the component or not.
Currently all inner items content is destroyed when the Drawer is collapsed, and recreated again on expand. This imposes additional overhead when using Kendo UI for jQuery components inside the Drawer item templates, as they need to be destroyed on collapse and reinitialized on expand.
Further scenarios in which having such an option, is using forms or other components that need state persistence within the Drawer items templates.
When the Drawer component is in "mini" view, please add an option that enables the following behavior:
Here is a page where the menu does have the described behavior: http://skote-v-light.codeigniter.themesbrand.com/
And here is a screenshot for quick preview of the idea:
Before we started using kendo ui, we implemented this slidemenu. - https://www.primefaces.org/primeng/#/slidemenu
So far I haven't been able to find anything comparable within kendo ui, but the closest thing is https://www.telerik.com/kendo-angular-ui/components/layout/drawer/how-to/hierarchical-drawer/
The drawers could slide between options, instead of expanding out into the page.
Martin, on your team, managed to put together https://stackblitz.com/edit/angular-ckjeuc?file=app%2Fapp.component.ts which is awfully close to accomplishing what we're aiming for, but is lacking the smooth animations between menu layers that we'd like. Ticket ID: 1448501