View Full Version : Hide item in TabBar

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

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.