Window fit layout : Layout « Ext JS « JavaScript DHTML






Window fit layout

  

<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() {


    var myWin = new Ext.Window({
      height     : 200,
      width      : 200,
      layout     : 'fit',
      autoScroll : true,
      border     : false,
      items      : [
        {
          title : 'Panel1',
          html   : 'I fit in my parent!',
          frame  : true
        }
      ]
    });
    
    myWin.show();



});
</script> 
<div id='div1'>asdf</div>
</body>
</html>

   
    
  








Related examples in the same category

1.Set anchor perentage
2.Use minor value as the anchor value
3.Use minor anchor value to layout the form
4.Use two anchor value to layout form
5.Window layout: absolute
6.Absolute position layout