Upgrade to ExtJS 4.0.2 - Released 06/09/2011
[extjs.git] / docs / source / HBox.html
index 5388d67..e20f9e7 100644 (file)
@@ -1,4 +1,21 @@
-<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-layout.container.HBox'>/**
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>The source code</title>
+  <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
+  <script type="text/javascript" src="../prettify/prettify.js"></script>
+  <style type="text/css">
+    .highlight { display: block; background-color: #ddd; }
+  </style>
+  <script type="text/javascript">
+    function highlight() {
+      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+    }
+  </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+  <pre class="prettyprint lang-js"><span id='Ext-layout-container-HBox'>/**
 </span> * @class Ext.layout.container.HBox
  * @extends Ext.layout.container.Box
  * &lt;p&gt;A layout that arranges items horizontally across a Container. This layout optionally divides available horizontal
@@ -40,7 +57,7 @@ Ext.define('Ext.layout.container.HBox', {
     
     /* End Definitions */
 
-<span id='Ext-layout.container.HBox-cfg-align'>    /**
+<span id='Ext-layout-container-HBox-cfg-align'>    /**
 </span>     * @cfg {String} align
      * Controls how the child items of the container are aligned. Acceptable configuration values for this
      * property are:
@@ -83,5 +100,21 @@ Ext.define('Ext.layout.container.HBox', {
     perpendicularRB: 'b',
     perpendicularLeftTop: 'top',
     perpendicularRightBottom: 'bottom',
-    perpendicularPosition: 'y'
-});</pre></pre></body></html>
\ No newline at end of file
+    perpendicularPosition: 'y',
+    configureItem: function(item) {
+        if (item.flex) {
+            item.layoutManagedWidth = 1;
+        } else {
+            item.layoutManagedWidth = 2;
+        }
+
+        if (this.align === 'stretch' || this.align === 'stretchmax') {
+            item.layoutManagedHeight = 1;
+        } else {
+            item.layoutManagedHeight = 2;
+        }
+        this.callParent(arguments);
+    }
+});</pre>
+</body>
+</html>