Reduce width of sidebar in reactive web app
Application Type
Service Studio Version
11.10.8 (Build 37957)

I have a reactive web app, and am using a sidebar to show additional details of a table's row. But the sidebar takes up 50% of the screen. Is there any css that i can apply which changes the width of the sidebar? For example, 50% to 25% of the screen. I tried changing the css, but wasnt able to find any class to change the width.

Thanks for the  help.

Hi Amol,

you can extend the custom CSS to the sidebar class to extend the features, first get the CSS class which is there default in Outsystems Theme using inspect elements , and under your module theme write custom CSS for same class to achieve it.


Dileep Verma

 Hi Amol,

Try with below code in your extend custom css for sidebar width

    width: 50% 

hope this will help you 



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