JavaScript
Run Code
Open in Fiddle
Ext.application({ name: 'Fiddle', launch: function () { Ext.create('Bug.TabPanel', {fullscreen: true}); } }); Ext.define('Bug.TabPanel', { extend: 'Ext.tab.Panel', mixins: [ 'Ext.mixin.Responsive' ], tabBar: { plugins: { responsive: true }, responsiveConfig: { tall: { layout: { type: 'hbox', pack: 'start' } }, wide: { layout: { type: 'vbox', pack: 'start', overflow: 'scroller' } } } }, responsiveConfig: { tall: { tabBarPosition: 'top' }, wide: { tabBarPosition: 'left' } }, items: [{ title: 'Tab1' }, { title: 'Tab2' }, { title: 'Tab3' }] });