Responsive Drawer

[datum]

hi, i'm trying to make a responsive toggle for mini mode for the drawer component. Can we achieve this with just CSS? Thx!

[Dimitar]

Hello Datum,

The expanded/collapsed mini modes are established with JavaScript and not just CSS. That said, there is no way to toggle between expanded and collapsed mini mode with just CSS. If you want your implementation to be CSS only, you'll have to define an expanded Drawer with its full content and handle the show/hide logic yourself. 

What you can do if you want to use the Drawer's mini expanded and collapsed modes, is to hook to the window.resize event and set the state according to the current window width. Here's an example.

Let me know if you need further information on the topic.

Regards,
Dimitar
Progress Telerik

[datum]

thanks! will take a look at it :)

[Dimitar]

Hello Datum,

Take your time. If further questions on the topic emerge, feel welcome to write back.

Regards,
Dimitar
Progress Telerik