708
Views
5
Comments
Solved
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
2022-02-23 11-51-04
Vijay Bhaskar Reddy Palle
Solution

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

2019-03-19 12-24-07
Mariano Picco
 
MVP

This as well, a good write up Vijay

2024-02-02 11-39-53
Krizza Barzaga

Thank you for this! have your tried to create a sidebar like this? 

2019-03-19 12-24-07
Mariano Picco
 
MVP
Solution

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

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


2022-02-23 11-51-04
Vijay Bhaskar Reddy Palle
Solution

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

2019-03-19 12-24-07
Mariano Picco
 
MVP

This as well, a good write up Vijay

2024-02-02 11-39-53
Krizza Barzaga

Thank you for this! have your tried to create a sidebar like this? 

2022-04-05 12-15-09
Darshan Saini

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.