Sencha Notes

Notes from the field on HTML5, CSS3, and other awesome web technologies.

Our talented tutorial and Sencha Touch guru Drew Neil is back with a 10 minute screencast to explain Layouts in Sencha Touch 2.

If you’ve never watch one of Drew’s screencasts, you’re missing out. He has a clear, concise way of explaining and demonstrating the process of developing in Sencha Touch. Watch this video introducing you to layouts and I guarantee you’ll come away with a better understanding.

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.

See more of Drew’s screencasts in our Vimeo album: Learn Sencha Touch 2 w/ Drew Neil

This customer spotlight video from Xero includes some great shots of Ext JS and Sencha Touch.

Via Fast Company’s Co.Design.