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

1 Answer 51 Views
Gantt
Abhishek
Top achievements
Rank 1
Iron
Abhishek asked on 04 Nov 2023, 12:56 AM

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.

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Zornitsa
Telerik team
answered on 08 Nov 2023, 02:08 PM

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:

Let me know how that works for your scenario.

Regards,
Zornitsa
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Abhishek
Top achievements
Rank 1
Iron
commented on 09 Nov 2023, 11:26 PM

Thanks Zornitsa, your code works and I am able to hide the tab 
Tags
Gantt
Asked by
Abhishek
Top achievements
Rank 1
Iron
Answers by
Zornitsa
Telerik team
Share this question
or