Form Layout « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Form Layout
1.Align two forms
2.Layout form, form set and tab panel in a window
3.Layout fieldset Container as hbox
4.Layout fieldset Container as vbox
5.Layout two fiels in one row
6.Wrap two forms into a field set container
7.Set control x/y position
8.Use form layout to layout the controls on a window
9.Layout field controls in a single column




10.Multi-Column form control layout
11.Set form column to 3
12.Set layout vertical to true
13.Set form layout column width
14.Add column header to column
15.Set columnWidth
16.Use autoHeight and autoWidth to dynamically size to fit it's data and columns.