Lay out between tabs in Extjs

Question

How to add spacer element or something similar between tabs? I need to separate them.

Answer 1

{
   xtype: 'tbfill'
}

or

{
    xtype: 'tbspacer'
}

or

{
    xtype: 'tbseparator'
}

Answer 2

Just use margin on tabConfig. If you want the 20px left side of the tab, try tabConfig: { xtype: 'tab', margin: '0 0 0 20' }

Answer 3

No path through the component is required for this, you will have to redefine the tab field in CSS, for example:

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

If you only need to apply it to certain tabs, then give them identifiers or special classes and adjust your CSS accordingly.