How to allow vertical scroll dynamically if the left side side menu expands to bottom
Application Type
Traditional Web
Service Studio Version
11.13.0 (Build 53353)

HI All,

I would like to ask if it is a way to allow/enable vertical scrolling on the side menu? Because the side menu is the only menu I have in the web app. Dropdown Menu is used for each section in the menu, so when some menu has more sub menus the overall menu will expands and the bottom of the menu couldn't be seen(unless zoom out).

Hello Junior,

I think you can try two different approaches to get this scroll in the side menu.

The first one is using the ScrollableArea widget from Outsystems. You just need to put your menu content inside the widget placeholder and set the widget properties.

On this link, you can see the documentation for the pattern:

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Mobile_and_Reactive_Patterns/Interaction/Scrollable_Area


The second one is using the HTML Element widget from Outsystems and setting the html/css properties, for this one you need a little bit of knowledge on this technologies. 

On this link, you can see the how to create a scroll area with HTML and CSS:

https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior


Please let me know if you have any questions!

Best regards, Miguel

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