Change animation of list view to collapse/expand

[Sonam Diwate]

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

[Christopher Issac Sunder K]

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 

<ListViewComponent id="list" dataSource={ this.arts } animation={ this.animation } /> 

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