O'Reilly logo

Ext JS 4 First Look by Loiane Groner

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Container layouts

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:

Container layouts

Auto layout

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', ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required