animate

defines the type of animation of view (cell) change or disables animation

boolean|object animate;

Example

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


Default value:

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

Related samples

Details

Disabling animation

To disable animation, set the parameter to false:

webix.ui({
    view:"multiview",
    animate:false,
    cells:[/* ... */]
});

Object properties

As an object, the parameter takes 3 properties:

  • direction - the animation direction (optional)
    • left, right, top, bottom
  • type - the type of animation ('slide' by default):
    • slide, flip
  • subtype - the subtype of animation ('together' by default):
    • 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 web ui framework and page of multiview control product.