When it comes to building a user interface with Sencha Touch, the TabPanel and Toolbar are two components that you're going to find indispensable. In this video walkthrough, Drew Neil (@nelstrom) demonstrates how to create a tabbed interface with icons, and how toolbars can be used to hold buttons, or a titlebar.

View source code on GitHub: github.com/senchalearn/Tabs-and-Toolbars

Live demo: senchalearn.github.com/Tabs-and-Toolbars/

Sencha Touch is a JavaScript framework used to build apps for iPhone/iPad, Android, BlackBerry, and other WebKit devices. Learn more about Sencha Touch at sencha.com/touch

Loading more stuff…

Hmm…it looks like things are taking a while to load. Try again?

Loading videos…