Documentation

animate

defines or disables view change animation.

boolean|object animate;

Example

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

See also

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
Back to top