List animation

[samlinux]

onItemTap: function(view, index, target, opts){

    var daten = this.getStoreVideoStore();
    //console.dir(index);
    var viewVideolistBase = view.up('viewVideolistBase');
    var viewVideolistdetail = viewVideolistBase.down('viewVideolistdetail');
    var a2 = viewVideolistBase.down('viewVideolist_list');


  a2.setLayout({
    type: 'card',
    animation: {
         type: 'slide',
         direction: 'left',
         duration: 200
         }
     });

    viewVideolistdetail.setData(daten.getAt(index).data);
    //console.dir(daten.getAt(index).data);
    viewVideolistBase.setActiveItem(1);
    this.getBackButton().setHidden(false);
    a2.deselect(daten.getAt(index));


        }); 

I try to setup a card animation from a list to a detail view.

But it don't works ? is there anything special I have to cover ?

[samlinux]

ok, I got it.

in the onItemTap function

viewVideolistBase.getLayout().setAnimation({type:'slide',direction:'left'}); 

and on the onBack function

viewVideolistBase.getLayout().setAnimation({type:'slide',direction:'right'});