Log in to AnswerLog in to Follow
2022-04-05 12-15-09
Darshan Saini
26Views
4Comments
Solved
How to create responsive collapsible sidebar
Question
UI
Beginner
CSS
Forge
Front-end

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

0
0
29 Mar

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

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


See solution in context
0
0
29 Mar

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

See solution in context
0
0
29 Mar

This as well, a good write up Vijay

0
0
29 Mar

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

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


0
0
29 Mar

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

0
0
29 Mar

This as well, a good write up Vijay

0
0
29 Mar

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

thank you again

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