ExtJS 3.2.0, hide tabpanel's header

Question

PLs tell me how i can hide header of tabpanel "..." if my tabpanel have only one tab?

I can't use Ext.Panel becose I use fairly sophisticated methods for generating extjs code on the server, and there is a large number of design errors that do not allow me to generate the usual Ext.Panel for this case.

tnx all, Solution: i add to css rules

.strip-hidden .x-tab-strip-wrap 
{
    display: none;
} 

.strip-show .x-tab-strip-wrap 
{
     display: block;
}

and on server side (delphi, something like ExtPascal)

if (frmContainer.Tab.Items.Count = 1) then
     frmContainer.Tab.Cls := 'strip-hidden'
   else
     frmContainer.Tab.Cls := 'strip-show';

So, it's work for me (chrome, firefox).

i add 2 rules becose i have windows in windows, so if child windows have many tabs - it will be hidden by css rule of parent window. so i have 2 rules and it works.

Answer 1

In Version 4.1 you can do the following in the BeforeShow event of the panel/window with the tab control in:

Ext.getCmp('tbMyTabPanel').getTabBar().setVisible(false);