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:

Live demo:

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

# Uploaded 32.9K Plays 2 Comments



Sencha PRO

This is our Vimeo Channel where you can find helpful video tutorials about Sencha frameworks.

Sencha makes JavaScript frameworks to develop amazing web apps built on web standards. Check out Ext JS and Sencha Touch.

Shout Box

Heads up: the shoutbox will be retiring soon. It’s tired of working, and can’t wait to relax. You can still send a message to the channel owner, though!

Browse This Channel

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels.