28 Mar 2012 5:10 AM #1
Unanswered: Sencha touch 2 tab.Panel and hiding tabs
Bear with me - I'm completely new to Sencha Touch 2 and this whole paradigm but I need help with figuring out how to do something.
Basically I have Main.js in my view/ directory as a tab.Panel and that references the views Home.js, Matches.js and People.js also in the view/ directory from the bottom toolbar.
The People.js view is also a tab.Panel which then references Frends.js, Events.js, Twitter.js and Facebook.js but the problem I am having is that I don't know how to specify a default landing page when the People tab is tapped at the bottom of the screen.
What I want to be able to do is show a landing page of some description when the People tab is tapped and not to have any of the tab.Panels shown in the top navigation page shown by default, but only to have them shown when the user taps.
The attached screenshot gives an idea of the layout I have. Any suggestions would be well appreciated.
28 Mar 2012 5:25 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Wrap the child tab panel in a container using card layout. First card be your landing page the second being the tab panel.Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.