ExtJS 3.2.0, hide tab title

Question

Pls tell me how can I hide the tabpanel "..." title if there is only one tab in my tab?

I can’t use Ext.Panel because I use rather complicated methods to generate extjs code on the server, and there are a lot of design errors that prevent me from generating a regular Ext.Panel for this case.

tnx all, Solution: I am adding css rules

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

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

and 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 works for me (chrome, firefox).

I add 2 rules because I have windows in the windows, so if the child windows have many tabs, they will be hidden using the css rule of the parent window. so i have 2 rules and it works.

Answer 1

- CSS. x-tab . CSS

.hideHeader {

    display:none;
}

div . CSS, headerCfg. bodyCfg CSS .

Answer 2

4.1 BeforeShow / :

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

Answer 3

.

.. , , CSS- .

Answer 4

You can try the following: hide tab and title in ExtJS 3.x:

oTab.hide();
oTab.tabEl.hidden = true;

where oTabis your tab component resulting from oTab = oTabPanel.getComponent(x);