X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..6746dc89c47ed01b165cc1152533605f97eb8e8d:/docs/source/ButtonGroup.html diff --git a/docs/source/ButtonGroup.html b/docs/source/ButtonGroup.html index 3717ee4e..56bfcf11 100644 --- a/docs/source/ButtonGroup.html +++ b/docs/source/ButtonGroup.html @@ -1,5 +1,22 @@ -Sencha Documentation Project
/**
- * @class Ext.container.ButtonGroup
+
+
+
+  
+  The source code
+  
+  
+  
+  
+
+
+  
/**
+ * @class Ext.container.ButtonGroup
  * @extends Ext.panel.Panel
  * <p>Provides a container for arranging a group of related Buttons in a tabular manner.</p>
  * Example usage:
@@ -41,27 +58,23 @@
         }]
     });
  * </code></pre>
- * @constructor
- * Create a new ButtonGroup.
- * @param {Object} config The config object
- * @xtype buttongroup
  */
 Ext.define('Ext.container.ButtonGroup', {
     extend: 'Ext.panel.Panel',
     alias: 'widget.buttongroup',
     alternateClassName: 'Ext.ButtonGroup',
 
-    /**
+    /**
      * @cfg {Number} columns The <tt>columns</tt> configuration property passed to the
      * {@link #layout configured layout manager}. See {@link Ext.layout.container.Table#columns}.
      */
 
-    /**
+    /**
      * @cfg {String} baseCls  Defaults to <tt>'x-btn-group'</tt>.  See {@link Ext.panel.Panel#baseCls}.
      */
     baseCls: Ext.baseCSSPrefix + 'btn-group',
 
-    /**
+    /**
      * @cfg {Object} layout  Defaults to <tt>'table'</tt>.  See {@link Ext.container.Container#layout}.
      */
     layout: {
@@ -70,7 +83,7 @@ Ext.define('Ext.container.ButtonGroup', {
 
     defaultType: 'button',
 
-    /**
+    /**
      * @cfg {Boolean} frame  Defaults to <tt>true</tt>.  See {@link Ext.panel.Panel#frame}.
      */
     frame: true,
@@ -113,12 +126,22 @@ Ext.define('Ext.container.ButtonGroup', {
         
         //we need to add an addition item in here so the ButtonGroup title is centered
         if (me.header) {
+            // Header text cannot flex, but must be natural size if it's being centered
+            delete me.header.items.items[0].flex;
+
+            // For Centering, surround the text with two flex:1 spacers.
+            me.suspendLayout = true;
+            me.header.insert(1, {
+                xtype: 'component',
+                ui   : me.ui,
+                flex : 1
+            });
             me.header.insert(0, {
                 xtype: 'component',
                 ui   : me.ui,
-                html : '&nbsp;',
                 flex : 1
             });
+            me.suspendLayout = false;
         }
         
         me.callParent(arguments);
@@ -147,20 +170,22 @@ Ext.define('Ext.container.ButtonGroup', {
         return c;
     }
 
-    /**
+    /**
      * @cfg {Array} tools  @hide
      */
-    /**
+    /**
      * @cfg {Boolean} collapsible  @hide
      */
-    /**
+    /**
      * @cfg {Boolean} collapseMode  @hide
      */
-    /**
+    /**
      * @cfg {Boolean} animCollapse  @hide
      */
-    /**
+    /**
      * @cfg {Boolean} closable  @hide
      */
 });
-

\ No newline at end of file
+
+ +