Hide item in TabBar

[quickfire55]

I would like to hide the ThankYou item in the tab bar until the use submits the contact us form. Once the form is submitted, I'd like the ThankYou item to be shown, and the other three items to be hidden. Is this possible? Here's my code:


Mobile.views.ViewPort = Ext.extend(Ext.TabPanel, {
fullscreen: true,
layout: 'card',
tabBar: {
layout: { pack: 'center' }
},
items: [
{
xtype: 'Landing'
},
{
xtype: 'AboutUs'
},
{
xtype: 'ContactUs'
},
{
id: 'ThankYou',
name: 'ThankYou',
xtype: 'ThankYou',
hidden: true
}
]
});

[skirtle]

That looks like Sencha Touch to me. This is an ExtJS forum. You may have more luck getting an answer in the Touch forum.

One way to do this is ExtJS is to use add/remove rather than show/hide. Using show/hide is problematic because those method are used to switch tabs.