38
Views
5
Comments
create custom sidemenu
Question
Application Type
Reactive
Service Studio Version
11.54.24 (Build 62760)
Platform Version
11.23.0 (Build 40636)

Hi All,I want to create a custom sidemenu.When it first appears only the icon and when the burger icon is clicked the sidemenu will expand and display the title too.before expand:

before expand:

after expand :



Please help. 

Rgds
Willa.


Hello Willa,

You will create every menu item as two links one is icon and its visibility always true and another one is text of menu item name. 

This link for name you can contain it into container and set its visibility to variable let say "IsMenuOpened".

Handle on click of burger icon and into the action set variable "IsMenuOpened" to true and use some javascript to change width of side menu container using class or Id of side menu container

Hi Mostafa,
I mean how to make it in outsystem.
can you give an example in oml file.


thks.

Hi ,

Adding to the above solution,

You can take reference from below component and then you can customise logic as above suggested in your usecase,

https://www.outsystems.com/forge/component-overview/11261/layoutcollpsiblesidebar

Hope it helps.

Thanks.

Hi @Sarwila Dwilyanto,

Quite similar to your requirement. Attaching an OML & ss please check if it works for you.



Regards,
Adam Gangrekar.

LayoutSideMenu.oml

Hi @Adam Gangrekar,

How to use your custom sidemenu to my project, can you explain more detail?


thks

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