Hi All,

I am having the border layout with west and center layout.In West layout i am placing TreePanel. and in the right side i am placing the Grid.

in the TreePanel Layout region i added some custom skin with my own images ..

Now the problem i added the code like below..
Code:
<html>
<head>
<script>
Example = {
init:function(){
var layout = new Ext.BorderLayout(document.body, {
	                    west: {
	                        split:true,
	                        initialSize: 230,
	                        titlebar: false,
	                        collapsible: true,
							//closable:true,
	                        minSize: 100,
							animate:true,
							modal: true,
	                        maxSize: 400
							//fitToFrame:true
	                    },
	                    center: {
	                        autoScroll:true,
							titlebar: false,
							hideTabs:true
	                    }
	                });
	        layout.beginUpdate();
...................
............................
}
};
</script></head>
<body>
Ext.onReady( Example.init , Example, true);
</body>
</html>
When i am starting the application in the browser my custom skin images are comming first without rendering the grid and tree. This is looking little odd.


My actual requirement is I want to show the application in the webpage only when all the widgets are completely loaded..

Upto the loading of all the widgets how i can show the "Loading.." in the empty page.?

can any body help me .....

Thanks in advance..
Srinivas.