ExpandMode Singele but allow close

5 posts, 1 answers
  1. Marcin
    Marcin avatar
    182 posts
    Member since:
    Jan 2011

    Posted 29 Sep 2016 Link to this post


    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.


  2. Answer
    Eduardo Serra
    Eduardo Serra avatar
    119 posts

    Posted 29 Sep 2016 Link to this post

    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!

    Eduardo Serra
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  3. Stuart
    Stuart avatar
    2 posts
    Member since:
    Feb 2017

    Posted 21 Mar in reply to Eduardo Serra Link to this post

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


  4. Ivan Danchev
    Ivan Danchev avatar
    1559 posts

    Posted 22 Mar Link to this post

    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?

    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Stuart
    Stuart avatar
    2 posts
    Member since:
    Feb 2017

    Posted 22 Mar in reply to Ivan Danchev Link to this post

    Hi Ivan,

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

         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 :)



Back to Top