change tab position in gantt edit popup

[Mukarram Ali]

I want to shift Custom1 tab position to 2nd position i.e. next to General tab.

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

[Gopinath Munusamy]

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:

[app.component.ts]

public actionBegin(args: any) {

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

      var arr = args.tabModel.items;

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

      arr.pop();

      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

Regards,

Gopinath M