We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

change tab position in gantt edit popup

1 Reply

GM Gopinath Munusamy Syncfusion Team March 2, 2023 02:38 PM UTC

Hi Mukarram Ali,

We have checked your query, and we modified the sample you have provided to achieve your requirement to modify the custom tab position. To achieve this, we have modified the array of tabModel.items using pop and splice method inside the actionBegin event with requestType as beforeOpenEditDialog. For your reference, a sample and a code snippet are attached. Check the below sample and code snippets for more details.

Code Snippets:


public actionBegin(args: any) {

    if (args.requestType == 'beforeOpenEditDialog') {

      var arr = args.tabModel.items;

      var lastElement = arr[arr.length - 1];


      arr.splice(1, 0, lastElement);



Sample: https://stackblitz.com/edit/angular-xhffre-s72rbn?file=app.component.ts,app.component.html,app%2Fapp.module.ts,app.component.css

UG Documentation: https://ej2.syncfusion.com/angular/documentation/api/gantt#actionbegin


Gopinath M

Live Chat Icon For mobile
Up arrow icon