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
close icon

Animation high to bottom with orientation left


It is possible to have an animation from high to bottom (and bottom to high) witn a left orientation?


1 Reply

SR Swathi Ravi Syncfusion Team November 30, 2022 11:46 AM UTC

Hi Aurelien,

You can use the animation property of the Tab to set the animation from top to bottom and bottom to top by setting the effect as SlideTopIn and SlideBottomIn, as shown in the following snippet.

Sample: https://stackblitz.com/edit/angular-zgmmek?file=app.component.ts,app.component.html

Api: https://ej2.syncfusion.com/angular/documentation/api/tab/#animation



<ejs-tab id="element" #element [animation]="animation" headerPlacement="Left" > </ejs-tab>


export class AppComponent {

public animationObject = { next: { effect: "SlideTopIn"duration: 600easing: "ease" },  previous: { effect: "SlideBottomIn"duration: 600easing: "ease" }};



Swathi Ravi

Live Chat Icon For mobile
Up arrow icon