1 Attachment(s)
buttons in a toolbar loose their position after the left side is collapsed
Hi,
Ext version tested:
Adapter used:
css used:
Browser versions tested against:
- FF3 (firebug 1.7.3 installed)
Operating System:
I'm facing some problems when I use a Ext.Toolbar with a collapsible region. If you run the example below and do the following actions:
1) play with the buttons a little (rearrange them)
2) collapse the left area
3) expand the left area
You will notice that the buttons are overlapping.
Here's an example that proves what happens:
Code:
Ext.onReady(function(){
var reorderer = new Ext.ux.ToolbarReorderer();
var toolbar = new Ext.Toolbar({
items : [
{
text: 'Button1',
reorderable : false
},
{
text: 'Button2.1',
reorderable : true
},
{
text: 'Button2.2',
reorderable : true
},
{
text: 'Button2.3',
reorderable : true
},
{
text: 'Button2.4',
reorderable : true
},
{
text: 'Button3',
reorderable : false
},
],
plugins: [reorderer]
});
var win = new Ext.Window({
layout: 'border',
renderTo: Ext.getBody(),
width:600,
height:300,
items: [
{
title: 'Navigation',
region:'west',
margins: '5 0 0 0',
cmargins: '5 5 0 0',
width: 175,
minSize: 100,
maxSize: 250,
collapsible: true,
split: true
},
new Ext.Panel({
id: 'centerPanel',
region :'center',
items : [toolbar],
border : true,
width : 300
})
]
});
win.show();
});
Thank you !
