We can use the
Ext.layout.container.Anchor class to size a child component relative to the dimensions of its parent. This class inherits from the
Ext.layout.container.Container layout which means that by default a component that has the Anchor layout will have its children flow vertically within it one after another.
The Anchor layout gives us four options for defining the size of a child component. The first, and most popular, is a simple percentage value which is used to calculate the child's width and height based on the parent's dimensions (or the defined
anchorSize property, see There's more... for further details).
The second option is a basic offset value that will size the child to the parent's ...