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

Question

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

Answer 1

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

Answer 2

{
   xtype: 'tbfill'
}

или

{
    xtype: 'tbspacer'
}

или

{
    xtype: 'tbseparator'
}

Answer 3

Для этого нет способа пройти через компонент, вам придется переопределить поле вкладки в CSS, например:

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

Если вам нужно только применить его к определенным вкладкам, присвойте им идентификаторыили специальные классы и настроить CSS соответственно.