How to hide or remove Other tab from Task Popup of Kendo jQuery Gantt

[Abhishek]

Hi, I am using Kendo UI jQuery Gantt.

I want to hide or remove Other tab from Task Edit Popup because all the new columns which I have added are coming in Other tab and I don't want to allow user to edit from Task Popup.

 

[Zornitsa]

Hello Abhishek,

You could achieve the desired behavior by implementing the following approach:

$("#gantt").kendoGantt({
  edit: function() {
       var tabStrip = $('[data-role="tabstrip"]').data("kendoTabStrip");
       var otherTab = tabStrip.tabGroup.find(".k-tabstrip-item.k-last");
       otherTab.remove(); //or otherTab.hide()
  }
});

As you can see in the above code snippet, you can get a reference to the TabStrip component, and then, from its tabGroup field, you can find the corresponding tab and either remove or hide it as it suits your preference.

Here is also a Dojo example, which demonstrates the suggested approach:

• https://dojo.telerik.com/@Zornitsa/UfIrUjAX/2

Let me know how that works for your scenario.

Regards,
Zornitsa
Progress Telerik

[Abhishek]

Thanks Zornitsa, your code works and I am able to hide the tab