1. In Sencha Touch, the Component and Container form the basic building blocks for creating an interface. Each container can be assigned a Layout which handles the positioning of its inner items. The layouts work either by neatly arranging components to use the available space, or by showing just one component at a time and providing some way of changing the focus between them.

    In this tutorial, we'll see each different layout type in action and see how they can be combined in any manner you can think of.

    # vimeo.com/38128757 Uploaded 83.8K Plays 4 Comments
  2. Sencha Touch provides a list component which is ideal for presenting an index-style list of items. In this tutorial, Drew Neil (@nelstrom) walks through setting up a basic list, and shows how to add an index bar, and group items together under a marker. Also, you'll learn how to create a detail panel to reveal information about each item in the list.

    This tutorial features the new NavigationView and MVC Support built into Sencha Touch 2.

    View source code on GitHub: github.com/senchalearn/Presidents

    Live demo: senchalearn.github.com/Presidents/

    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

    # vimeo.com/37212149 Uploaded 54.6K Plays 7 Comments

Sencha Touch 2 - Getting Started


Browse This Channel

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!

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