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. |
”;