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

Apply animation for Grid Edit dialog in Angular Grid

Is there a way to add animation to the grid edit dialog when opening and closing it. I have an ng-template to customize the dialog, but can't make it to show the animation.

1 Reply

TS Thiyagu Subramani Syncfusion Team May 26, 2020 08:42 AM

Hi Didiel, 

Thanks for contacting Syncfusion forum. 

We can achieve your requirement “Grid Edit dialog animation” by applying animationSettings effect in actionComplete event. please refer to the below code and sample. 

In this below sample we have applied animation effect as ‘Zoom’ 

actionComplete(args: DialogEditEventArgs): void { 
    if ((args.requestType === 'beginEdit' || args.requestType === 'add')) { 
      args.dialog.animationSettings = { effect: 'Zoom', duration: 400 }; 
. . . . . .  

Please get back to us, if you need any further assistance. 

Thiyagu S. 

Live Chat Icon For mobile
Up arrow icon