Auto auto Layout

Ext. layout. container. auto Automatic Layout is the default layout type used by containers when no layout mode is specified. The child elements are laid out using the original HTML document stream and the layout call is passed to the sub-container, the name of the corresponding panel configuration item (layout) is auto.

Auto example:

 <!  Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  >  <  Html  Xmlns  = "Http://www.w3.org/1999/xhtml"  >  <  Head  Runat  = "Server" >      <  Title  > Ext. layout. Container. Auto example </  Title  >      <  Link  Href  = "Ext-4.0.7-gpl/resources/CSS/ext-all.css"  REL  = "Stylesheet"  Type  = "Text/CSS"   />     <  Script  SRC  = "Ext-4.0.7-gpl/Bootstrap. js"  Type  = "Text/JavaScript"  > </  Script  >      <  Script  Type  = "Text/JavaScript"  >  Ext. onready ( Function  () {Ext. Create (  "  Ext. Panel. Panel  "  , {Title:  "  Ext. layout. Container. Auto example  "  , Frame:  True , Width:  300  , Renderto: Ext. getbody (), bodypadding:  5  , Layout:  "  Auto  "  , Defaults: {bodystyle:  " Background-color: # ffffff  "  }, Items: [{Title:  "  Nested Panel 1  "  , HTML:  "  Panel 1  " },{ Title:  "  Nested panel 2  "  , HTML:  "  Panel 2  "  }]}) ;});  </  Script >  </  Head  >  <  Body  >  </  Body  >  </  Html  > 

: