Hi Dylan,
Greetings from Syncfusion support.
We have validated your query “We need a way to globally
disable these animations” at our end. We regret to inform you that
currently, we didn’t have support to disable the animations of all Tabs at
once. So, we suggest you maintain the animation property value globally
using a service and set the value to each Tab component as shown in the below
code snippets.
Sample: https://stackblitz.com/edit/ej2-angular-tab-disable-animation-sample?file=components%2Ftabone.component.ts
[animation.service.ts]
|
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class AnimationService {
animation: Record<string, any> = {
previous: { effect: "", duration: 0, easing: "" },
next: { effect: "", duration: 0, easing: "" }
};
}
|
[tabone.component.ts]
|
import { AnimationService } from '../animation.service';
export class TabOneComponent {
constructor(private animationService: AnimationService) { }
}
|
[tabone.component.html]
|
<ejs-tab [animation]="animationService.animation">
</ejs-tab>
|
Kindly try the shared solution and let us know if you need
any further assistance.
Regards,
Ravikumar Venkatesan
