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
    If you have not checked yet, be sure to visit site of our main product Webix javascript dashboard framework and page of javascript drag and drop library product.