1309
Views
15
Comments
Side menu / Sidebar

Hi Everyone

I am creating dashboard for admin panel so how can i create sidemenu like menu.png that i have shared below.


menu.png
2024-12-10 04-40-04
Gitansh Anand

Hi @Shubham Singh Raghav, you can use the LayoutSideMenu (refer to the image below).

You need to change the first block on your screen (refer to the image below).

Thanks
Gitansh Anand



2023-01-03 13-12-40
Shubham Singh Raghav

Hello @Gitansh Anand 

how can i craete side menu in web block because i have to use that web block in all screen also how can i create links in side menu and i want to close and open side menu on click of hamburger so how can i do it. please help

2024-12-10 04-40-04
Gitansh Anand

The layout side menu is already a block, so you can use it in all the screens. You can add links inside the block itself, just like the layout top menu, and there is an input in the block "MenuBehavior" where you can select the expandable option for the hamburger icon feature.

2023-01-03 13-12-40
Shubham Singh Raghav

Hello @Gitansh Anand please any oml or screenshot of creating links in sidemenu because i have created links before simple drag and drop on menu but in my admin module i am unable to do it so please help. 

2024-12-10 04-40-04
Gitansh Anand

Just drag your screen to the sidebar area and drop it there, and OutSystems will create a link.

2024-12-10 04-40-04
Gitansh Anand

If drag and drop does not work then open the menu block from common flow then create a link in there (refer to the images below).


2023-01-03 13-12-40
Shubham Singh Raghav

@Gitansh Anand 

I am working in different module not in same module i have done it but it is not working. because outsystems not allow to drop me. 

2024-12-10 04-40-04
Gitansh Anand

Use the second method I told you and link in the menu block being used in your screen, if the block is in another module then add the link there with redirect to URL.

2023-01-03 13-12-40
Shubham Singh Raghav

i am share screenshot with you please see it

image.png
2024-12-10 04-40-04
Gitansh Anand

Open the block I am marking and add your links in there as shown in the previous screenshot.

2023-01-03 13-12-40
Shubham Singh Raghav

@Gitansh Anand 

I am sharing oml file with you please review it.

Admin.oml
2024-12-10 04-40-04
Gitansh Anand

Open MyEcommerce module and add links in the menu block there.

2023-01-03 13-12-40
Shubham Singh Raghav

Hello @Gitansh Anand 

Thanks now its working but i want my side menu default open and i also don't want to show the links for user which is placed on admin dashboard so how can i fix it. please help

2024-12-10 04-40-04
Gitansh Anand

Hi, you can use the MenuShow or ToggleSideMenu (I am not sure which one opens the side menu) client action from OutSystemsUI to show the menu when the page is ready. (refer to the image below)
To hide the links If your requirement is role-based, then inside the menu block check the role of the logged-in user and set the visibility of the link accordingly; if it is conditional, then add input to the menu block and use that input value to set the visibility of the link.




2023-04-16 15-25-31
Krishnanand Pathak

Hi @Shubham Singh Raghav,

 
Have you tried the solution I posted in your previous post 

Regards
Krishnanand Pathak

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