PDA

View Full Version : [OPEN] [FIXED-259][3.0.0] GroupTabPanel in TabPanel



nicobarten
20 Sep 2009, 10:42 PM
There is a bug in extjs when you put a grouptabpanel as a tab item in a tabpanel.

Can someone please look at this thread: http://www.extjs.com/forum/showthread.php?t=80509

I'm stuck with this problem for 2 weeks already.

Thanks.

evant
20 Sep 2009, 11:14 PM
This isn't a bug, more a limitation of the extension. The GroupTabs assume it always has a header element. You need to wrap it in a fit layout panel if you want to put it in a tab.

Marking as closed.

nicobarten
21 Sep 2009, 12:59 AM
That isn't the problem, in my code i used it in a fit layout, and although most of it renders well, some doesn't.

Screen:

http://img6.imageshack.us/img6/5052/grouptabs.jpg

The links 'Management' and 'Support' are off... They should look different.

Edited the GroupTabs example code so you can try it:



/*!
* Ext JS Library 3.0.0
* Copyright(c) 2006-2009 Ext JS, LLC
* licensing@extjs.com
* http://www.extjs.com/license
*/
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: 'tabpanel',
items:[{
xtype: 'panel',
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
}]
}]
}]
},
{
html: '<b>lol</b>'
}]
}]
});
});

nicobarten
23 Sep 2009, 6:28 AM
has somebody already tried this? :-/

evant
23 Sep 2009, 9:16 PM
Fix applied to svn in rev #5398 for patch release 3.0.3.