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.
HowTo:showing the complete page layout after complete load.
Reply With Quote