PDA

View Full Version : LoadMask exceeds it's panel when partially hidden from scrolling



louiscooper
30 Nov 2012, 7:41 AM
As you can see in the attached image, panels' LoadMasks exceed beyond their panel size. This happens only when the panel is in a scrollable container and the panel is partially hidden. If you can see the whole expanded panel, the LoadMask is fine and fits within the panel.

Code (stripped to it's skeletal form) :


{
layout:'column',
autoScroll: true,
items:[
{
layout: 'anchor',
autoScroll: true,
items:[
{
id:'Network',
xtype:'form',
collapsible: true,
autoScroll:true,
loadingMask:null, // starts as null
constructor:function (config) {
this.setHeight(this.maxHeight);
return this.callParent(arguments);
},
listeners:{
beforeexpand:function (panel, opts) {
panel.loadingMask = new Ext.LoadMask(panel, {msg:"Loading screen..."});
panel.loadingMask.show();
},
}
}
]
}
]
}


Thank you for reading my problem!

mitchellsimoens
3 Dec 2012, 4:48 AM
You are masking a panel whose height is greater than the area that is visible. Sounds like you want to mask the parent panel.

louiscooper
3 Dec 2012, 12:01 PM
It seems the mask area should end where the panel's visibility ends. I need the LoadMask on the panel, not the parent. If there is no way to do this, I will file a feature request/bug fix.

mitchellsimoens
3 Dec 2012, 12:14 PM
The current behavior is proper. If the panel has 400px, then all 400px should be masked. The panel doesn't know what is visibile and what isn't, that's the parent's job.

ettavolt
4 Dec 2012, 4:30 AM
'Ethernet' maybe configured as scrollable, but then something like accordion layout should be used in 'Network'.