How can I create a side bar like this?


It's about the combination of both, I can only get this right with Blazorise.

I can only get this with syncfusion as it is show in the first image.


But if it is small I want to see the submenu like this




Can someone tell me how to make this with syncfusion components?



3 Replies

LD LeoLavanya Dhanaraj Syncfusion Team May 25, 2023 01:29 PM UTC

Hi Antonio,


Greetings from Syncfusion support.


Based on your shared first screenshots, we have prepared the Blazor Sidebar with Menu sample with the latest version(21.2.6). For second image, we can’t be able to achieve that UI property with the Menu component and we don’t have support for that UI. For your reference, we have included the sample.


Also, check out the below mentioned forum where we handled similar requirement.


https://www.syncfusion.com/forums/156054/how-to-overide-calculated-margin-of-e-content-animation-when-sidebar-is-open?reply=SgRqS2


Follow the suggested way as mentioned in the forum and get back to us if you need any further assistance.


Regards,

Leo Lavanya Dhanaraj


Attachment: SidebarSample_27f69e59.zip


AM Antonio Martino May 25, 2023 07:10 PM UTC

hi Leo,


First of all I would like to thank you for researching my wish.

Apparently I'm not the only one who would like to do this with the Syncfusion's components.


Regards,

Antonio Martino



LD LeoLavanya Dhanaraj Syncfusion Team May 26, 2023 08:13 AM UTC

Antonio, Thanks for the update. We believed that the provided solution is suitable for your needs and please get back to us if you need any further assistance.


Loader.
Up arrow icon