Sencha Touch - Layout

Layout is the way the elements are arranged in a container. That could be horizontal, vertical, or any other. Sencha Touch has different layouts defined in its library though we can always write custom layouts as well.

Sr.No.	Layout & Description
1	hBox This layout allows the element to be distributed in a horizontal manner.
2	vBox This layout allows the element to be distributed in a vertical manner. This is one of the commonly used layout.
3	Fit In this layout, the container is filled with a single panel and when there is no specific requirement related to the layout, then this layout is used.
4	Card(TabPanel) This layout arranges different components in tab fashion. Tabs will be displayed on top of the container. Every time only one tab is visible and each tab is considered as a different component.