[SOLVED] Tab Panel - Auto change the active tab

[frankthetank]

Hi,

I would like to know if it's possible to add an event to the tabPanel to make it change automatically every 5 seconds the active tab. (Like a carousel for example).

Is it possible ?

new Ext.TabPanel({
                            border:false,
                            activeTab:0,
                            animScroll:true,
                            tabPosition:'top',
                            scrollDuration:1,
                            enableTabScroll: true,
                            items:[
                                {html:'test',title:'Nouvelle 1'},
                                {html:'test2',title:'Nouvelle 2'}
                            ]
                        })

Thanks !

[frankthetank]

Here is how I figured out something with a Task.

var selectedTab = 0;

var task = {
            run: function(){
                
                if(selectedTab < 5){
                    selectedTab++;
                    Ext.getCmp('tabpanel_nouvelles').setActiveTab(selectedTab);
                }else{
                    selectedTab = 0;
                    Ext.getCmp('tabpanel_nouvelles').setActiveTab(selectedTab);
                }
            },
            interval: 5000
        }
        Ext.TaskMgr.start(task);

[frankthetank]

if someone clicks the tab, here is the listeners I've put.

,listeners: {
      tabchange : function (panel, tab) {
          selectedTab = panel.getActiveTab().id-1;
     }
}

Each tab id is the number (1 to 5).