Sencha Touch Cookbook

Chapter 3. Containers and Layouts

In this chapter, we will cover:

• Keeping the container lightweight
• Working with Panel
• Adding items to a container at runtime
• Building wizards using CardLayout
• Panel docking using DockLayout
• Fitting into the container using FitLayout
• Arranging items horizontally using HBoxLayout
• Arranging items vertically using VBoxLayout
• Mixing layouts

Introduction

Containers in Sencha Touch are components which can contain other components. They handle the basic behavior of containing items, namely adding and removing items. In the previous chapter, we talked about the form and the different form fields. A form is a container. Other containers are Panel , TabPanel , Sheet , NestedList , Carousel , FieldSet , Toolbar , and so on. All the ...