X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/examples/layout/border.js

diff --git a/examples/layout/border.js b/examples/layout/border.js
index 05a56104..843bd224 100644
--- a/examples/layout/border.js
+++ b/examples/layout/border.js
@@ -30,6 +30,7 @@ Ext.onReady(function() {
             title: 'North',
             split: true,
             height: 100,
+            minHeight: 60,
             html: 'north'
         },{
             region: 'west',
@@ -37,6 +38,8 @@ Ext.onReady(function() {
             title: 'Starts at width 30%',
             split: true,
             width: '30%',
+            minWidth: 100,
+            minHeight: 140,
             html: 'west<br>I am floatable'
         },{
             region: 'center',
@@ -46,6 +49,7 @@ Ext.onReady(function() {
                 region: 'center',
                 html: 'center center',
                 title: 'Center',
+                minHeight: 80,
                 items: [cw = Ext.create('Ext.Window', {
                     xtype: 'window',
                     closable: false,
@@ -79,6 +83,7 @@ Ext.onReady(function() {
                 split: true,
                 collapsible: true,
                 title: 'Splitter above me',
+                minHeight: 60,
                 html: 'center south'
             }]
         },{
@@ -87,6 +92,8 @@ Ext.onReady(function() {
             floatable: true,
             split: true,
             width: 200,
+            minWidth: 120,
+            minHeight: 140,
             title: 'East',
             layout: {
                 type: 'vbox',
@@ -95,6 +102,7 @@ Ext.onReady(function() {
             },
             items: [{
                 xtype: 'textfield',
+                labelWidth: 70,
                 fieldLabel: 'Text field'
             }, {
                 xtype: 'component',
@@ -105,6 +113,7 @@ Ext.onReady(function() {
             collapsible: true,
             split: true,
             height: 200,
+            minHeight: 120,
             title: 'South',
             layout: {
                 type: 'border',
@@ -113,11 +122,13 @@ Ext.onReady(function() {
             items: [{
                 title: 'South Central',
                 region: 'center',
+                minWidth: 80,
                 html: 'South Central'
             }, {
                 title: 'South Eastern',
                 region: 'east',
                 flex: 1,
+                minWidth: 80,
                 html: 'South Eastern',
                 split: true,
                 collapsible: true
@@ -125,6 +136,7 @@ Ext.onReady(function() {
                 title: 'South Western',
                 region: 'west',
                 flex: 1,
+                minWidth: 80,
                 html: 'South Western<br>I collapse to nothing',
                 split: true,
                 collapsible: true,