Распорка между вкладками в Extjs

Question

Как добавить элемент spacer или что-то подобное между вкладками? Мне нужно их разделить.

Answer 1

{ 
    xtype: 'tbfill' 
} 

или

{ 
    xtype: 'tbspacer' 
} 

или

{ 
    xtype: 'tbseparator' 
} 

Answer 2

Там нет никакого способа, с помощью компонента, чтобы сделать это, вам придется переопределить маржу вкладки в CSS, например:

ul.x-tab-strip li { 
    margin-left: 8px; 
} 

Если вам это необходимо, некоторые вкладки затем дают им идентификаторы или специальные классы и соответственно корректируют CSS.

Answer 3

Просто используйте margin на tabConfig. Если вы хотите 20px левую сторону вкладки, попробуйте tabConfig: { xtype: 'tab', margin: '0 0 0 20' }