Take the 2-minute tour ×

From the ExtJS documentation:

flex : Number
This configuration option is to be applied to child items of the container managed by this       
layout. Each child item with a flex property will be flexed horizontally according to each 
item's relative flex value compared to the sum of all items with a flex 
value specified. Any child items that have either a flex = 0 or flex = undefined will not 
be 'flexed' (the initial size will not be changed).

But the documentation does not give a lucid application on how it affects the layout and how to use it. Also, I could not find any good tutorials/examples on how to use it on Google.

Appreciate if someone can throw more light on this.

share|improve this question

2 Answers 2

up vote 2 down vote accepted

There is a good usage and demo of flex at the following sites:

  1. Sencha Examples (at vbox node)
  2. Java2s
share|improve this answer

It's proportional ratio for length vbox (height) & hbox (width)

share|improve this answer

Your Answer


