animate

defines or disables view change animation.

boolean|object animate;

Example

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

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