Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Layout vbox, align

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() {               new Ext.Window({         layout : 'vbox',         height : 500,         width  : 500,         layoutConfig : {             align : 'stretch'         },         defaults : {             frame : true         },         items : [             {                 title : 'Panel 1',                 flex  : 1             },             {                 title : 'Panel 2',                 flex  : 1             },             {                 title : 'Panel 3',                 flex  : 1             },         ]     }).show(); }); </script>  <div id='div1'>asdf</div> </body> </html>