Change animation of list view to collapse/expand

Thread ID:	Created:	Updated:	Platform:	Replies:
143670	Mar 31,2019 07:45 AM UTC	Apr 1,2019 10:06 AM UTC	React - EJ 2	1

Subscribe to this post

Tags: ListView

Sonam Diwate

Asked On March 31, 2019 07:45 AM UTC

Is there any POC to change the animation of list view to simple collapse/expand?

Reply | Reply with quote

Christopher Issac Sunder K [Syncfusion]

Replied On April 1, 2019 10:06 AM UTC

Hi Sonam,

Greetings from Syncfusion!!

When you are trying to add an animation to the listview, you need to assign animation property to listview component. This property have predefined animation settings like duration, effects, easing(linear,ease,etc). Please refer the below code snippet for your clear understanding,

//initializing values for animation

private animation: any = {

duration: 2000,

effect: "SlideLeft",

easing: "ease-in"

};

//Assigning animation property

You can change the animation settings to customize it as per your need. We have created an online sample for using animation in the listview and the link has given below

Sample: https://codesandbox.io/s/4x1vr9zp57

Please get back to us if you have any concerns.

Thanks,

Christo

Reply | Reply with quote

CONTACT US

Change animation of list view to collapse/expand

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US