PDA

View Full Version : BorderLayout resize



barrygently
28 Nov 2006, 5:08 PM
If I have a layout:


Example = function(){
var layout;
return {
init : function(){
layout = new YAHOO.ext.BorderLayout(document.body, {
hideOnLayout: true,
north: {
split:true,
initialSize: 25,
titlebar: true
},
south: {
split:true,
initialSize: 100,
minSize: 100,
titlebar: true
},
center: {
titlebar: true,
autoScroll:true
}
});

layout.beginUpdate();
layout.add('north', new YAHOO.ext.ContentPanel('north', 'North'));
layout.add('south', new YAHOO.ext.ContentPanel('south', {title: 'South', closable: true}));

layout.add('center', new YAHOO.ext.ContentPanel('center2', {title: 'Center Panel', closable: false}));
layout.endUpdate();

When using the layout it is possible to drag the north/south regions over the opposing region. This has the effect of "hiding" the drag bars and so they cannot then be resized. There is then no way to get the drag bars back into view.

Similarly it's possible to drag the bars over the center region and hide it completely, and there is a strange "toggle" effect that occurs if you drag the bar down to the bottom edge of the browser window.

Thanks,

Gary