Animate During show() method

CesarCTA

Hello Again.

I have a new "obstacle". Well, a trying to animate a layout of type "space" when this is showing. Originally my layout it's hidden and y show it when press a button.

I have been seeing the decoumentation, but just found how animated a "dataview", so I was wondering if there is another way to animate "layouts".

Thanks!!!

annazankevich

Hello @CesarCTA ,
You can use animate.css to add some kind of animation to any Webix view.
To animate the whole layout, you can use the $view property:

{ view:"button", value:"Show layout", click:function(){
  $$("layout").show();
  webix.html.addCss( $$("layout").$view , "animated swing");
}}

Please take a look at the snippet:
https://snippet.webix.com/828q412b

CesarCTA

Thank you so much!

Your answer was very hepsul.