setActiveItem in Container don't work

[HustlaS]

Hi
I want change the card in my Container with setActiveItem but its dont work.
I use Sencha Touch 2 PR4.

thats my Container

Ext.define('TimeShift.view.ListContainer', {
    extend: 'Ext.Panel',
    id: 'ListContainer',
    alias: 'widget.ListContainer',
    layout: 'fit',
    config: {
        items: [

            { xtype: 'Activity' },
            { xtype: 'Project' }
      
        ]

    },
    initialize: function () {
        console.log('initialize ListContainer');
        this.callParent();
    }
});

List One

Ext.define('TimeShift.view.Activity', {
    extend: 'Ext.Panel',
    id: 'Activity',
    alias: 'widget.Activity',
    layout: 'card', 
    config: {
        items: [
            { xtype: 'list',
                store: 'ActivityStore',
                scrollable: 'vertical',
                itemTpl: '<div class="contact">{Purpose}</div>', 
                items: [
                    { xtype: 'toolbar',
                        docked: 'top', 
                        title: 'Aktivitäten'
                    }]
            }]
    }, 
    initialize: function () {
        console.log('initialize ActivityList'); 
        this.callParent();
    }
});

The second List has the same config

...and this is the controler part:

NaviList: {
                itemtap: function (obj, idx, target) {
                                      
                    Ext.getCmp('ListContainer').setActiveItem('Project', { type: 'slide', direction: 'left' });
Ext.getCmp('Activity').setHidden(true);                    
console.log('Item Controll',  Ext.getCmp('ListContainer').getActiveItem());
 ....

with console.log I can check the ActiveItem and its correct but the view dont change the card.
When I set

Ext.getCmp('Activity').setHidden(true);

its works but I dont want set this everytime.

[mrsunshine]

you have to use layout:'card' in your list container
to switch the views with setActiveItem()