Before we get started with the Component layouts, we will take a quick look at the existing Container layouts— Auto, Anchor, Absolute, Hbox , Vbox, Accordion, Table, Column, Fit, Card , and Border . The following diagram exemplifies the Container layout's hierarchy. We will take a closer look at each one of these layouts in the following sections:
The Auto Layout is the default layout manager applied to a Container when no layout is specified.
For example, consider we have four panels and we want to organize these panels into an outer container (for example, a window):
var panel1 = Ext.create('Ext.panel.Panel', ...