Apply animation for Grid Edit dialog in Angular Grid

[Didiel]

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.

[Thiyagu Subramani]

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 }; 

. . . . . .  

    } 

  } 

Sample link :  https://stackblitz.com/edit/angular-7oktgt-sa9slm?file=app.component.ts 

For more reference : https://ej2.syncfusion.com/angular/demos/#/material/dialog/animation 

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

Regards, 

Thiyagu S.