How to show/hide Kendo panel bar on click of Kendo Menu vertically

[abdul]

Hi,

I have a Kendo Menu with the menu items, when user will click on the menu it should show the Kendo panels vertically and then again click on the menu should hide the panels within that menu. On Click on the Panelbar items should show the respective pages.

Attached is the screenshot for the reference.

[abdul]

In the screenshot, Data Management is a Kendo Menu, on click of that It show show the Kendo Panel vertically(Interest Rates,  FTP Rate Overrides, NMD Model)

On Click of Data Management again it should close/minimize the Data Management  menu.

[Eyup]

Hello Abdul,

 

Thank you for writing to us.

The Telerik PanelBar can achieve this even without any Menu:
https://demos.telerik.com/aspnet-mvc/panelbar/images

If you want to keep the Menu, you can achieve this requirement using the following approach:

1. Attach to the Menu event:
https://demos.telerik.com/aspnet-mvc/menu/events

2. Access the PanelBar instance and expand the chosen item:
https://demos.telerik.com/aspnet-mvc/panelbar/api

 panelbar.expand(item); // the item element you want to expand

Do you find this information beneficial? Let me know what you think.

 

Regards,
Eyup
Progress Telerik