SubItems disabled mini-mode

[Dayan K]

Hi everyone, I would like to ask for your help.
I would like to hide the SubItems when the drawer is in mini mode, if I click on each element.

Thanks in Advance

https://dojo.telerik.com/ejapuWiB/3

Dayan K

[Nikolay]

Hi Dayan,

You need to add a logic to hide the subitems and change the arrow icons on the toggleDrawer() function:

    function toggleDrawer() {
      var drawerInstance = $("#drawer").data().kendoDrawer;
      var drawerContainer = drawerInstance.drawerContainer;

      var itemsAll = $('#drawer li.k-drawer-item')
      var subItems = $('#drawer li.subItem.k-drawer-item')
      subItems.each(function(idx, item) {
        if(!$(item).hasClass("hidden")) {
          $(item).addClass("hidden")
        }
      })

      itemsAll.each(function(idx, item) {
        var collapseIcon = $(item).find("span.k-i-arrow-chevron-down");
        collapseIcon.addClass("k-i-arrow-chevron-right").removeClass("k-i-arrow-chevron-down");
      })

      if (drawerContainer.hasClass("k-drawer-expanded")) {
        drawerInstance.hide();                

      } else {
        drawerInstance.show();
      }
    }

Updated Dojo demo: https://dojo.telerik.com/ejapuWiB/4

Let me know if this is what you are looking for.

Regards,
Nikolay
Progress Telerik

[Dayan K]

Thanks a lot for your help.
The problem was resolved

[Nikolay]

Hi Dayan,

I am happy to hear my suggestion has helped you move forward.

Please let us know if anything new arises.

Regards,

Nikolay