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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Change animation of list view to collapse/expand

Thread ID:





143670 Mar 31,2019 07:45 AM UTC Apr 1,2019 10:06 AM UTC React - EJ 2 1
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?

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 durationeffectseasing(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 

Please get back to us if you have any concerns. 



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon