TreeView with "Menubar" on root elements

Hello,

I would like to ask if it is possible to add a "menu" to the root items in treeview as a menubar. Example: in the following example https://blazor.syncfusion.com/demos/sidebar/default-functionalities?theme=bootstrap5 , to display the FAVORITES and JOHN menu with subitems after mouse over. (FAVORITES menu with INBOX and SEND ITEMS, JOHN menu with INBOX, DRAFTS...)


My point is that I would like, when hiding the SIDEBAR, to show in the dock only the icons of the root items (favorites and john) and display the menu with subitems on them. So that there is no need to open the complete sidebar dock. When the sidebar is opened, it would show the complete treeview of the item.


I hope I described my problem in a clear way.



1 Reply

IL Indhumathy Loganathan Syncfusion Team June 30, 2022 10:00 AM UTC

Hi Jan,


Greetings from Syncfusion support.


We understand that you want to render the Sidebar in a dock state and while hovering over the items you want to enable sub items of the corresponding item. We have achieved a similar requirement in our Blazor Sidebar demo using the Menu component. Please check the below link.


https://blazor.syncfusion.com/demos/sidebar/sidebar-with-menu?theme=bootstrap5


Also, we have handled similar requirement in the below forum.


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


Also, to know more about the Sidebar component check the below links.


Documentation: https://blazor.syncfusion.com/documentation/sidebar/getting-started


API reference: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfSidebar.html#properties


Please check whether the shared details meet your requirement and get back to us if you need any further assistance.


Regards,

Indhumathy L


Loader.
Up arrow icon