Hi AC,
Thanks for contacting Syncfusion Support.
By default,we specified the slide animation for tab content. If you want to turn off this animation, you can change the animation settings for tab component. Please refer to the following code example:
|
export class AppComponent {
public animation: object = { previous: { effect: '', duration: 0, easing: ''}, next: { effect: '', duration: 0, easing: '' } };
}
<ejs-tab id="element" [animation]="animation">
<e-tabitems>
<e-tabitem [header]='headerText[0]' [content]="content0"></e-tabitem>
<e-tabitem [header]='headerText[1]' [content]="content1"></e-tabitem>
<e-tabitem [header]='headerText[2]' [content]="content2"></e-tabitem>
</e-tabitems>
</ejs-tab> |
Else, if you want to turn off the Tab component ripple animation, you can achieve by passing the enableRipple as false. Also, when other component are used in ripple animation it will turn off. By default, the ripple animation in disabled state. Please refer to the following code example:
|
[app.component.ts]
import { enableRipple } from '@syncfusion/ej2-base';
enableRipple(false);
|
Please refer to the following demo sample:
Please refer to the following API link:
Please let us know if you need any further assistance.
Regards,
Selvamani S.
