PDA

View Full Version : How to Create a window with an active load mask



winkelmann
19 Oct 2011, 1:56 AM
I was wondering if there is actually a way to initialize a window with a loadmask active. It seems all my loadmasks (even if added onAfterRender) show _behind_ the window instead of on top of it...

best
Jan

twaindev
19 Oct 2011, 3:21 AM
Set focusOnToFront to false.


Ext.onReady(function() {

Ext.create('Ext.window.Window', {
title: 'Window with loadmask',
width: 800,
height: 600,
layout: 'fit',
renderTo: Ext.getBody(),
autoShow: true,
focusOnToFront: false
}).setLoading(true);

});

winkelmann
19 Oct 2011, 4:02 AM
I just tested it, if I call window.show() it still seems to ignore the focusOnToFront property?

twaindev
19 Oct 2011, 4:49 AM
It seems so, but this works fine:


window.show();
window.setLoading(true);

winkelmann
19 Oct 2011, 5:32 AM
It seems the problem is actually that we use an adapted version of the desktop example which kind of slides the window in from its taskbar button (like the windows effect), but the loadmask is displayed before the effect actually finishes. Could this be a bug or am I simply doing something wrong?

twaindev
19 Oct 2011, 10:58 AM
I can confirm that animation prevents the load mask to show on top of the window. This looks like a bug to me.