PDA

View Full Version : Hide item in TabBar



quickfire55
25 Aug 2011, 7:11 AM
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
28 Aug 2011, 11:10 PM
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.