jeudi 11 septembre 2014

Panel re-size not working in 4.2

Hi,

We recently ported one of our apps from 4.1 to 4.2. We noticed when trying to re-size some of our panels they were overlapping each other. In 4.1 when we do this it just stretches the bottom panel more on the opposite direction, which was nice because then it wouldn't break the layouts. Attached are two images of how the behavior acts in 4.1 vs 4.2 when you drag and drop the middle bar over the mid point of the second item. Below is the code used to build this example.


4.1 Resize Behavior

resize41.png


4.2 Resize Behavior

resize42.png


Code to reproduce below,



Code:



Ext.create("Ext.panel.Panel", {
'flex': 1,
'collapsible': false,
'layout': {
'padding': 0,
'align': 'stretch',
'type': 'vbox'
},
'bodyPadding': 0,
'items': [{
'xtype': Ext.create("Ext.panel.Panel", {
'collapsible': false,
'layout': {
'padding': 0,
'align': 'top',
'type': 'auto'
},
'resizable': true,
'bodyPadding': 0,
'items': [{
'xtype': Ext.create("Ext.Button", {
'scale': 'small',
'text': 'Top',
'iconAlign': 'left',
'border': 1,
})
}],
'collapsed': false,
'border': 1,
})
}, {
'xtype': Ext.create("Ext.panel.Panel", {
'collapsible': false,
'layout': {
'padding': 0,
'align': 'top',
'type': 'auto'
},
'resizable': true,
'bodyPadding': 0,
'items': [{
'xtype': Ext.create("Ext.Button", {
'style': null,
'scale': 'small',
'title': null,
'text': 'Bottom',
'iconAlign': 'left',
'border': 1,
'icon': null
})
}],
'collapsed': false,
'border': 1,
})
}],
'collapsed': false,
'border': 1,
})






Panel re-size not working in 4.2

Aucun commentaire:

Enregistrer un commentaire