How Do I Keep The Images When Changing Tabbar Position?

Hi I would like to know how to keep the icnClass when I set the tab to the left as so: Ext.define('GS.view.Main', { extend: 'Ext.tab.Panel', requires: ['Ext.TitleBar'], config: {

Solution 1:

Got it fixed via sass. Look into the following elements

.x-tabbar-dark.x-docked-left .x-tab-active .x-button-icon {}
.x-tabbar-dark.x-docked-left .x-tab .x-button-icon {}
.x-tabbar-dark.x-docked-left .x-tab-active {}
.x-tabbar.x-docked-left .x-tab .x-button-icon {}
.x-tabbar.x-docked-left .x-tab{}
.x-tabbar-dark.x-docked-left .x-tab-active .x-button-icon {}
.x-tab .x-button-icon.home, .x-button .x-button-icon.x-icon-mask.home {}