O'Reilly logo

Learning Ext JS 4 by Armando Gonzalez, Crysfel Villa

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

The layout system

One of the greatest features of the Ext JS library is the ability to create layouts in an easy way. We can define fixed layouts or fluid layouts using the right classes.

At this point, we know how a container works. We can arrange the children of a container by setting a layout. If we don't define a layout to our containers, by default the auto layout will be used. In our previous examples, we've used the auto layout and as we could see the children are displayed one after another.

There are many available layouts we can use to arrange our components, such as accordions, cards, columns, regions, and so on.

We can find all available layouts in the Ext.layout.container package. If we go to the documentation and look into the layouts ...

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