animation

Configures widget visibility animations. This object contains two fields: show and hide.

Type: Object
Default Value: { show: { type: 'pop', duration: 300, from: { scale: 0.55 } }, hide: { type: 'pop', duration: 300, to: { opacity: 0, scale: 0.55 }, from: { opacity: 1, scale: 1 } } }
Default for android below version 4: { show: { type: 'fade', duration: 400 }, hide: { type: 'fade', duration: 400, to: { opacity: 0 }, from: { opacity: 1 } } }
Default for iOS: { show: { type: 'slide', duration: 400, from: { position: { my: 'top', at: 'bottom', of: window } }, to: { position: { my: 'center', at: 'center', of: window } } }, hide: { type: 'slide', duration: 400, from: { position: { my: 'center', at: 'center', of: window } }, to: { position: { my: 'top', at: 'bottom', of: window } } } }
NOTE
To specify in which position the widget will be shown and from which it will be hidden, use the position option.
Show Example:
AngularJS
Knockout
jQuery

hide

An object that defines the animation options used when the widget is being hidden.

Default Value: { type: 'pop', duration: 300, to: { opacity: 0, scale: 0.55 }, from: { opacity: 1, scale: 1 } } }
Default for iOS: { type: 'slide', duration: 400, from: { position: { my: 'center', at: 'center', of: window } }, to: { position: { my: 'top', at: 'bottom', of: window } } }

show

An object that defines the animation options used when the widget is being shown.

Default Value: { type: 'pop', duration: 400, from: { scale: 0.55 } }
Default for iOS: { type: 'slide', duration: 400, from: { position: { my: 'top', at: 'bottom', of: window } }, to: { position: { my: 'center', at: 'center', of: window } } }