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
    Join Our Forum
    We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.
    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.