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, you 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 used the auto layout and as we could see, the children or HTML are displayed one after another.

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

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

Get Learning Ext JS - Fourth Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.