Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / layout-browser / layouts / custom.js

diff --git a/examples/layout-browser/layouts/custom.js b/examples/layout-browser/layouts/custom.js
index 0a96e30..9d0cf34 100644 (file)
--- a/examples/layout-browser/layouts/custom.js
+++ b/examples/layout-browser/layouts/custom.js
@@ -1,50 +1,27 @@
-/*!
- * Ext JS Library 3.3.1
- * Copyright(c) 2006-2010 Sencha Inc.
- * licensing@sencha.com
- * http://www.sencha.com/license
- */
-/*
- * CenterLayout demo panel
- */
-var centerLayout = {
-       id: 'center-panel',
-    layout: 'ux.center',
-    items: {
-        title: 'Centered Panel: 75% of container width and fit height',
-        layout: 'ux.center',
-        autoScroll: true,
-        width: '75%',
-        bodyStyle: 'padding:20px 0;',
-        items: [{
-               title: 'Inner Centered Panel',
-               html: 'Fixed 300px wide and auto height. The container panel will also autoscroll if narrower than 300px.',
-               width: 300,
-               frame: true,
-               autoHeight: true,
-               bodyStyle: 'padding:10px 20px;'
-        }]
-    }
-};
+function getCustomLayouts() {
+    return {
+        /*
+         * CenterLayout demo panel
+         */
+        centerLayout: {
+            id: 'center-panel',
+            layout: 'ux.center',
+            items: {
+                title: 'Centered Panel: 75% of container width and fit height',
+                layout: 'ux.center',
+                autoScroll: true,
+                widthRatio: 0.75,
+                bodyStyle: 'padding:20px 0;',
+                items: [{
+                    title: 'Inner Centered Panel',
+                    html: 'Fixed 300px wide and auto height. The container panel will also autoscroll if narrower than 300px.',
+                    width: 300,
+                    frame: true,
+                    autoHeight: true,
+                    bodyStyle: 'padding:10px 20px;'
+                }]
+            }
+        }
+    };
 
-/*
- * RowLayout demo panel
- */
-var rowLayout = {
-       id: 'row-panel',
-       bodyStyle: 'padding:5px',
-       layout: 'ux.row',
-    title: 'Row Layout',
-    items: [{
-        title: 'Height = 25%, Width = 50%',
-        rowHeight: 0.25,
-        width: '50%'
-    },{
-        title: 'Height = 100px, Width = 300px',
-        height: 100,
-        width: 300
-    },{
-       title: 'Height = 75%, Width = fit',
-       rowHeight: 0.75
-    }]
-};
\ No newline at end of file
+}
\ No newline at end of file