Loading mask not showing properly

[sujeetkr]

Hi,
I am using Ext.getBody().mask('Please wait...', true); to show loading mask and Ext.getBody().unmask(); to unmask it. Also I am loading the controllers dynamically [somthing similar to the tutorial http://extjs-tutorials.blogspot.in/2012/01/extjs-mvc-dynamic-controller-view-model.html].

Task: Whenever I click menu button, show loading mask until view corresponding to that menu button is loaded.

What I did : Whenever a user clicks on menu item, show loading mask using Ext.getBody().mask('Please wait...', true); and as soon as the view is loaded unmask it.

Problem: Loading mask is not showing very late for a short time. When menu button is clicked, no loading mask is shown [the page remain blank for 2-3 seconds], but just before setting view corresponding to that menu, it is shown for a short duration.

Thanks,
Sujeet

[mitchellsimoens]

Rendering the mask may take some time if you have code that is slowing your browser down. Kind of hard to tell with the little you have provided.