animate

defines the configuration of view change animation or disables it

boolean|object animate;

Example

webix.ui({
   view:"multiview",
   cells:[// cells configuration],
   animate:{type:"flip", subtype:"vertical"}
});


Default value:

{type:"slide", subtype:"together"}

Related samples

Details

Disabling animation

To totally disable animation, set the parameter to the false value:

webix.ui({
    view:"multiview",
    animate:false
});

Object properties

As an object, the parameter takes 3 properties:

  • direction - the animation direction (optional).
    • left, right, top, bottom
  • type - the type of animation. The default value - 'slide'.
    • slide, flip
  • subtype - the subtype of animation. The default value - 'together'.
    • if type:slide
      • together, in, out
    • if type:flip
      • horizontal, vertical
See also
  • Articles
  • Back to top