Как несколько вкладок Выровнять по вертикали с помощью доб JS5

Question

Я создал вкладки по горизонтали, как это:

tab1 tab2 tab3 tab4 

Но здесь я хочу вкладки вертикально, как это:

tab1 
tab2 
tab3 
tab4 

Я использую этот код:

Ext.create('Ext.tab.Panel', { 
    width: 500, 
    height: 400, 
    renderTo: document.body, 

    items: [ 
     { 

     title: 'Stock Information' }, 
     { title: 'Score Analysis'}, 
     {title:'SeverityAnalysis'}, 
     {title:'Historical Analysis' 
    }] 

}); 

Answer 1

Вы могли бы использовать параметры конфигурации:

tabPosition: 'left', 
tabRotation: 0, 
titleRotation: 0, 

Весь код будет таким:

Ext.create('Ext.tab.Panel', { 
     width: 500, 
     height: 400, 
     renderTo: document.body, 
     tabPosition: 'left', 
     tabRotation: 0, 
     titleRotation: 0, 

     items: [{ 
      title: 'Stock Information' 
     }, { 
      title: 'Score Analysis' 
     }, { 
      title: 'SeverityAnalysis' 
     }, { 
      title: 'Historical Analysis' 
     }] 

    }); 

См пример fiddle