Properties
Methods
Events
Config Options
Direct Link
| Package: | Ext |
| Defined In: | Anim.js |
| Class: | Anim |
| Extends: | Object |
Ext.Anim is used to excute animations defined in Ext.anims. The run method can take any of the properties defined below.
Ext.Anim.run(this, 'fade', {
out: false,
autoClear: true
});
Animations are disabled on Android and Blackberry by default using the disableAnimations property.
| Config Options | Defined By | |
|---|---|---|
| autoClear : Boolean True to remove all custom CSS defined in the to config when the animation is over.
(Defaults to true). | Anim | |
| before : Function Code to execute before starting the animation. | Anim | |
| delay : Number Time to delay before starting the animation.
(Defaults to 0). | Anim | |
| direction : String Valid values are 'left', 'right', 'up', 'down' and null.
(Defaults to null). | Anim | |
| disableAnimations : Boolean True to disable animations. By default, animations are disabled on Android and Blackberry | Anim | |
| duration : Number Time in milliseconds for the animation to last.
(Defaults to 250). | Anim | |
| easing : String Valid values are 'ease', 'linear', ease-in', 'ease-out', 'ease-in-out' or a cubic-bezier curve as defined by CSS.
(D... Valid values are 'ease', 'linear', ease-in', 'ease-out', 'ease-in-out' or a cubic-bezier curve as defined by CSS.
(Defaults to 'ease-in-out'). | Anim | |
| from : Object An object of CSS values which the animation begins with. If you define a CSS property here, you must also
define it ... An object of CSS values which the animation begins with. If you define a CSS property here, you must also
define it in the to config. | Anim | |
| out : Boolean True if you want the animation to slide out of the screen.
(Defaults to true). | Anim | |
| reverse : Boolean True to reverse the animation direction. For example, if the animation direction was set to 'left', it would
then us... True to reverse the animation direction. For example, if the animation direction was set to 'left', it would
then use 'right'.
(Defaults to false). | Anim | |
| scope : Scope Scope to run the before function in. | Anim | |
| to : Object An object of CSS values which the animation ends with. If you define a CSS property here, you must also
define it in... An object of CSS values which the animation ends with. If you define a CSS property here, you must also
define it in the from config. | Anim | |
| Method | Defined By | |
|---|---|---|
run( Ext.Element/Element el, String anim, Object config )
:
voidUsed to run an animation on a specific element. Use the config argument to customize the animation Used to run an animation on a specific element. Use the config argument to customize the animation Parameters:
| Anim | |