X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/grouptabs.html
diff --git a/docs/source/grouptabs.html b/docs/source/grouptabs.html
new file mode 100644
index 00000000..c3797ee8
--- /dev/null
+++ b/docs/source/grouptabs.html
@@ -0,0 +1,124 @@
+
+
+ The source code
+
+
+
+
+ Ext.onReady(function() {
+ Ext.QuickTips.init();
+
+ // create some portlet tools using built in Ext tool ids
+ var tools = [{
+ id:'gear',
+ handler: function(){
+ Ext.Msg.alert('Message', 'The Settings tool was clicked.');
+ }
+ },{
+ id:'close',
+ handler: function(e, target, panel){
+ panel.ownerCt.remove(panel, true);
+ }
+ }];
+
+ var viewport = new Ext.Viewport({
+ layout:'fit',
+ items:[{
+ xtype: 'grouptabpanel',
+ tabWidth: 130,
+ activeGroup: 0,
+ items: [{
+ mainItem: 1,
+ items: [{
+ title: 'Tickets',
+ layout: 'fit',
+ iconCls: 'x-icon-tickets',
+ tabTip: 'Tickets tabtip',
+ style: 'padding: 10px;',
+ items: [new SampleGrid([0,1,2,3,4])]
+ },
+ {
+ xtype: 'portal',
+ title: 'Dashboard',
+ tabTip: 'Dashboard tabtip',
+ items:[{
+ columnWidth:.33,
+ style:'padding:10px 0 10px 10px',
+ items:[{
+ title: 'Grid in a Portlet',
+ layout:'fit',
+ tools: tools,
+ items: new SampleGrid([0, 2, 3])
+ },{
+ title: 'Another Panel 1',
+ tools: tools,
+ html: Ext.example.shortBogusMarkup
+ }]
+ },{
+ columnWidth:.33,
+ style:'padding:10px 0 10px 10px',
+ items:[{
+ title: 'Panel 2',
+ tools: tools,
+ html: Ext.example.shortBogusMarkup
+ },{
+ title: 'Another Panel 2',
+ tools: tools,
+ html: Ext.example.shortBogusMarkup
+ }]
+ },{
+ columnWidth:.33,
+ style:'padding:10px',
+ items:[{
+ title: 'Panel 3',
+ tools: tools,
+ html: Ext.example.shortBogusMarkup
+ },{
+ title: 'Another Panel 3',
+ tools: tools,
+ html: Ext.example.shortBogusMarkup
+ }]
+ }]
+ }, {
+ title: 'Subscriptions',
+ iconCls: 'x-icon-subscriptions',
+ tabTip: 'Subscriptions tabtip',
+ style: 'padding: 10px;',
+ layout: 'fit',
+ items: [{
+ xtype: 'tabpanel',
+ activeTab: 1,
+ items: [{
+ title: 'Nested Tabs',
+ html: Ext.example.shortBogusMarkup
+ }]
+ }]
+ }, {
+ title: 'Users',
+ iconCls: 'x-icon-users',
+ tabTip: 'Users tabtip',
+ style: 'padding: 10px;',
+ html: Ext.example.shortBogusMarkup
+ }]
+ }, {
+ expanded: true,
+ items: [{
+ title: 'Configuration',
+ iconCls: 'x-icon-configuration',
+ tabTip: 'Configuration tabtip',
+ style: 'padding: 10px;',
+ html: Ext.example.shortBogusMarkup
+ }, {
+ title: 'Email Templates',
+ iconCls: 'x-icon-templates',
+ tabTip: 'Templates tabtip',
+ style: 'padding: 10px;',
+ html: Ext.example.shortBogusMarkup
+ }]
+ }]
+ }]
+ });
+});
+
+
+
\ No newline at end of file