The
Border layout is perhaps one of the more popular layouts. While quite complex at first glance, it is popular because it turns out to be quite flexible to design and to use. It offers common elements often seen in complex web applications, such as an area for header content, footer content, a main content area, plus areas to either side. All are separately scrollable and resizable if needed, among other benefits. In Ext speak, these areas are called
Regions, and are given names of North
, South
, Center
, East
, and West
regions.
Only the Center
region is mandatory. It is also the one without any given dimensions; it will resize to fit the remaining area after all the other regions have been set. A West
or East
region must have a width defined, and North
or South
regions must have a height defined. These can be defined using the Width
or Height
property (in pixels) or using the Flex
property which helps provide ratios. We will look at Flex
later when looking at HBox.
Each region...