How to implement stream schedule in ExtJS 4?

Question

I want to use a layout where components are added horizontally, like hbox, but where after adding, if the component exceeds the boundaries of the container, it moves to the next line. It looks like FlowLayout is in swing and flex.

I could not find any layout in ExtJS 4.0 that would do this.

So I wonder how I will do this. I am new to the structure, so any pointers would be great.

Answer 1

Have you tried using ColumnLayout? If you do not specify the "columnWidth" property, the css-floated children are left to right:

Ext.create('Ext.Panel', { width: 500, height: 280, title: "ColumnLayout Panel", layout: 'column', renderTo: document.body, items: [{ xtype: 'panel', title: 'First Inner Panel', width: 250, height: 90 },{ xtype: 'panel', title: 'Second Inner Panel', width: 200, height: 90 }, { xtype: 'panel', title: 'Third Inner Panel', width: 150, height: 90 }] });