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

Hi


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


Thanks


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

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


[app.component.html]

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


[app.component.ts]

export class AppComponent {

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

}



Regards,

Swathi Ravi


Loader.
Live Chat Icon For mobile
Up arrow icon