ExtJs 4 - Fade In application viewport

[sidney]

I am trying to create a simple effect for my application which is to Fade it in from white over a period of 1-2 seconds so that the user doesn't have to see it being assembled.I almost have it working, but there is some flickering that I can't seem to get rid of. Basically ExtJS is rendering my UI and then immediately hiding it so it can be faded in.Here's my app:\[code\]Ext.application({ name : 'MyApp', // Application level namespace appFolder : 'js/myapp', // Directory path to app autoCreateViewport : true, launch : function() { // fade in the viewport var form = Ext.ComponentQuery.query("viewport")[0]; form.getEl().fadeIn({ from : { opacity : 0 }, duration : 1000 }); }});\[/code\]What can I do to get rid of the initial draw before the FadeIn?