PDA

View Full Version : extra space when splitter move



koolfreak
27 Mar 2012, 6:48 PM
Hi,I have this weird behavior of viewport layout. attached is my code and screenshot of the issue.
Ext.require(['*']);Ext.onReady(function() { var cw; Ext.create('Ext.Viewport', { layout: { type: 'border', padding: 2 }, defaults: { split: true }, items: [{ region: 'north', split: false, height: 61, html: '
' },{ region: 'west', collapsible: false, title: 'http://www.sencha.com/forum/images/images-design/icon-directory.pngDirectory', split: true, width: 200, autoScroll:true, html: '



' },{ region: 'center', layout: 'border', border: false, items: [{ region: 'center', autoScroll:true, title: 'http://www.sencha.com/forum/images/images-design/icon-folder.png Folder Contents', dockedItems: [{ xtype: 'toolbar', dock: 'top', items: [{xtype: 'panel', id: 'topMenu',bodyBorder:false,width:'100%',height:30,autoScroll: false}] }] },{ region: 'north', height: 150, split: true, autoScroll:true, title: 'http://www.sencha.com/forum/images/images-design/icon-folder.png Folder', dockedItems: [{ xtype: 'toolbar', dock: 'top', items: [{xtype: 'panel', id: 'breadcrumbs',bodyBorder:false,width:'100%',height:30,autoScroll: true}] }] }] }] }); initEstar();});33218whenever there is a value in the folder pane, and when restore down, move the splitter down and maximize the browser window again, itleaves a gray background on side.any idea how to solve this issue?thanks a lot.cheers.

mitchellsimoens
28 Mar 2012, 7:09 AM
I'm sorry, I can't read your code.

koolfreak
28 Mar 2012, 4:39 PM
Hi mitchellsimoens,

hopefully the below code rendered ok.

thanks.
cheers.




Ext.require(['*']);
Ext.onReady(function() {
var cw;

Ext.create('Ext.Viewport', {
layout: {
type: 'border',
padding: 2
},
defaults: {
split: true
},
items: [{
region: 'north',
split: false,
height: 61,
html: '<div id="estarMainHederNorth"></div>'
},{
region: 'west',
collapsible: false,
title: '<img width="20" height="18" style="vertical-align:middle;" src="images/images-design/icon-directory.png">Directory',
split: true,
width: 200,
autoScroll:true,
html: '<p ><p id="estarReport" /><p id="estarFavorites"/><p id="browser"></p><br/></p>'
},{
region: 'center',
layout: 'border',
border: false,
items: [{
region: 'center',
autoScroll:true,
title: '<img width="20" height="18" style="vertical-align:middle;" src="images/images-design/icon-folder.png">&nbsp;Folder Contents',
dockedItems: [{
xtype: 'toolbar',
dock: 'top',
items: [{xtype: 'panel', id: 'topMenu',bodyBorder:false,width:'100%',height:30,autoScroll: false}]
}]
},{
region: 'north',
height: 150,
split: true,
autoScroll:true,
title: '<img width="20" height="18" style="vertical-align:middle;" src="images/images-design/icon-folder.png"/>&nbsp;Folder',
dockedItems: [{
xtype: 'toolbar',
dock: 'top',
items: [{xtype: 'panel', id: 'breadcrumbs',bodyBorder:false,width:'100%',height:30,autoScroll: true}]
}]
}]
}]
});

initEstar();
});

koolfreak
29 Mar 2012, 5:09 PM
Hi,

anybody can help?

thanks a lot.
cheers.