X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/layout.html
diff --git a/docs/source/layout.html b/docs/source/layout.html
new file mode 100644
index 00000000..5df2b3ea
--- /dev/null
+++ b/docs/source/layout.html
@@ -0,0 +1,64 @@
+
+
+ The source code
+
+
+
+
+ Ext.onReady(function(){
+
+ Ext.state.Manager.setProvider(
+ new Ext.state.SessionProvider({state: Ext.appState}));
+
+ var button = Ext.get('show-btn');
+
+ button.on('click', function(){
+
+ // tabs for the center
+ var tabs = new Ext.TabPanel({
+ region: 'center',
+ margins:'3 3 3 0',
+ activeTab: 0,
+ defaults:{autoScroll:true},
+
+ items:[{
+ title: 'Bogus Tab',
+ html: Ext.example.bogusMarkup
+ },{
+ title: 'Another Tab',
+ html: Ext.example.bogusMarkup
+ },{
+ title: 'Closable Tab',
+ html: Ext.example.bogusMarkup,
+ closable:true
+ }]
+ });
+
+ // Panel for the west
+ var nav = new Ext.Panel({
+ title: 'Navigation',
+ region: 'west',
+ split: true,
+ width: 200,
+ collapsible: true,
+ margins:'3 0 3 3',
+ cmargins:'3 3 3 3'
+ });
+
+ var win = new Ext.Window({
+ title: 'Layout Window',
+ closable:true,
+ width:600,
+ height:350,
+ //border:false,
+ plain:true,
+ layout: 'border',
+
+ items: [nav, tabs]
+ });
+
+ win.show(this);
+ });
+});
+
+
\ No newline at end of file