138
Views
5
Comments
Solved
Decrease the width of sidebar that consists of the 'Common\Menu' block
Application Type
Reactive
Service Studio Version
11.53.16 (Build 61323)

Hello ,

I want to decrease the width of SideBar widget that contains  the default Common/Menu Block , I tried to over ride the styling using CSS Style sheet 

Not able to reduce the width of the sidebar to 100px , the changes are not reflecting


CSS Style Sheet 

I am using "Layout Side Menu" for the screen layout.


Customise_Sidebar.oml
2019-04-23 11-32-25
Muhammed Riyas
Solution

Hello Cynthia Maria,


Side menu width has been specified in Outsystems UI.

You can override the width by specifying it within the application CSS.


Kindly let me know if it satisfies your need.

Regards, 

Riyaz.

UserImage.jpg
Cynthia Maria

Thank you for your solution

2024-07-16 17-36-51
Shradha Rawlani

Hi,

Try to put CSS class in the theme

Regards

Shradha

UserImage.jpg
Cynthia Maria

I tried this solution

The changes are not reflecting , Thanks

2022-09-05 08-23-51
Naveen N

@Cynthia Maria Please use this oml , i have updated. I have attached the oml. please let me know if you are looking for this. @Cynthia Maria 


You can modify the css as per your requirement, 


Customise_Sidebar_updated.oml
2019-04-23 11-32-25
Muhammed Riyas
Solution

Hello Cynthia Maria,


Side menu width has been specified in Outsystems UI.

You can override the width by specifying it within the application CSS.


Kindly let me know if it satisfies your need.

Regards, 

Riyaz.

UserImage.jpg
Cynthia Maria

Thank you for your solution

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