It is worth mentioning that the implementation of such functionality relies on custom logic that needs to be further adjusted by the developer in order to fit the exact project requirements (like toggling all levels and then collapsing them manually with the cursor). Please keep in mind that any further modifications in that direction should be in the hands of the developer.
Hello Amr,
One possible way to achieve the desired functionality is with the use of the isItemsExpanded property of the Drawer component.
Below, I am sending you a StackBlitz demo, which demonstrates how the callback can be used to toggle all levels of the Drawer using a custom button.
StackBlitz demo:
https://stackblitz.com/edit/angular-gwxcc6-qdegce?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp_styles.css
It is worth mentioning that the implementation of such functionality relies on custom logic that needs to be further adjusted by the developer in order to fit the exact project requirements (like toggling all levels and then collapsing them manually with the cursor). Please keep in mind that any further modifications in that direction should be in the hands of the developer.
I hope this works for you.
Regards,
Georgi
Progress Telerik