ExpandMode Singele but allow close

[Marcin]

Hello

I would ask about possibility to close last panel when expandmode is single. Multiple expand mode allows close all panels, single not.

How to close all panels in single mode.

 

[Eduardo Serra]

Hello Marcin,

We can achieve this behavior by subscribing to the select event and, once it's triggered, checking if the selected panel is the active one and then using the collapse method.

I have prepared a sample for you in the Kendo UI Dojo that follows this approach; you can take a look at it here.

I hope this helps!

Regards,
Eduardo Serra
Telerik by Progress

 

 

[Stuart]

I tried this, but now I have lost the ability to expand the item?

Stu

[Ivan Danchev]

Hi Stu,

I checked how the PanelBar from the dojo example Eduardo has posted (updated to use the latest official Kendo UI version) behaves and as can be seen in this screencast the item can be collapsed and then expanded. Could you modify the example accordingly so that it demonstrates the issue you are experiencing and link it back for further review?

Regards,
Ivan Danchev
Progress Telerik

[Stuart]

Hi Ivan,

because of the other code on my sharepoint page, I implemented it like so 

$("#panelbar").kendoPanelBar({
     expandMode:"single",
     select:function (e) {
        if ($(e.item).is(".k-state-active")) {
         var that = this;
         window.setTimeout(function(){that.collapse(e.item);}, 1);
        }
      }
     });

 

and that is now working :)

Thanks

 

[Kishore Kumar]

how can we achieve the same operation in angular ?

[Ivan Danchev]

Hi Kishore,

For questions on Kendo UI for Angular components, please open a thread in the Kendo UI for Angular forums: https://www.telerik.com/forums/kendo-angular-ui/panelbar

Regards,
Ivan Danchev
Progress Telerik