How to create responsive collapsible sidebar

I want to create a collapsible responsive sidebar like this can someone please guide me step by step how to create one this is a module and I found this complex to understand...

Screenshot (23).png

The Sidebar component from OutSystems UI should do the trick, I think?

If it's not showing, check if you're missing the dependency


Hi @Darshan Saini ,

Good Day!

Please follow the below steps for creating the SideBarCollapseMenu .

Are you building a Reactive Application? If yes, the LayoutSideMenu has 3 different behaviors! 

1- In your Theme bind the correct Layout

2- The SideMenuBehavior - Overlay, starts with the menu hidden and can be opened using the hamburger icon


I hope this helps you.

- Palle Vijay Bhaskar Reddy

This as well, a good write up Vijay

The Sidebar component from OutSystems UI should do the trick, I think?

If it's not showing, check if you're missing the dependency


Hi @Darshan Saini ,

Good Day!

Please follow the below steps for creating the SideBarCollapseMenu .

Are you building a Reactive Application? If yes, the LayoutSideMenu has 3 different behaviors! 

1- In your Theme bind the correct Layout

2- The SideMenuBehavior - Overlay, starts with the menu hidden and can be opened using the hamburger icon


I hope this helps you.

- Palle Vijay Bhaskar Reddy

This as well, a good write up Vijay

Thank you @Vijay Bhaskar Reddy Palle  and @Mariano Picco  for your time and efforts. It's really helpuful.

thank you again

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.