Api animationSettingsModel in EJ2 TypeScript Dialog control

8 May 20231 minute to read

Interface for a class AnimationSettings

Properties

delay number

Specifies the delay value in milliseconds to wait before animation begins.

duration number

Specifies the animation duration to complete with one animation cycle.

effect string

Specifies the effect to open and close the Dialog.
If the user sets Fade effect then the Dialog will open with ‘FadeIn’ effect and close with ‘FadeOut’ effect.
Following list of effects will be available, you can use any of this.

  1. ‘Fade’
  2. ‘FadeZoom’
  3. ‘FlipLeftDown’
  4. ‘FlipLeftUp’
  5. ‘FlipRightDown’
  6. ‘FlipRightUp’
  7. ‘FlipXDown’
  8. ‘FlipXUp’
  9. ‘FlipYLeft’
  10. ‘FlipYRight’
  11. ‘SlideBottom’
  12. ‘SlideLeft’
  13. ‘SlideRight’
  14. ‘SlideTop’
  15. ‘Zoom’
  16. ‘None’