Displaying your own Status image
Hi all,
As i have read in this forum using an animated GIF to show status when the grid is loading does not work well in IE, as it halts the animation whilst rendering the page.
So, i wanted to show a simple GIF file saying "Processing - Please Wait"
Here is what i did
#grid.css
.active-image-processing{position:absolute;top:40px;left:10px;width:607px;height:100%;margin-right:-87px;background:url(/images/lab/processing.gif) no-repeat;}
In my .js file I redefined the following methods to accomodate my new status
obj.defineStatusProperty("text", function(){
switch(this.getStatusProperty("code")) {
case "processing":
return "";
case "loading":
return "Loading data, please wait...";
case "nodata":
return "No data found.";
default:
return "";
}
});
obj.defineStatusProperty("image", function(){
switch(this.getStatusProperty("code")) {
case "loading":
return "loading";
case "processing":
return "processing";
default:
return "none";
}
});
My issue is it all works :) But when the Processing GIF shows up on the Grid it appears to be cut-off height wise. I tried changing the height attribute of the CSS style for active-image-processing.
Can someone help? Please
Thanks
As i have read in this forum using an animated GIF to show status when the grid is loading does not work well in IE, as it halts the animation whilst rendering the page.
So, i wanted to show a simple GIF file saying "Processing - Please Wait"
Here is what i did
#grid.css
.active-image-processing{position:absolute;top:40px;left:10px;width:607px;height:100%;margin-right:-87px;background:url(/images/lab/processing.gif) no-repeat;}
In my .js file I redefined the following methods to accomodate my new status
obj.defineStatusProperty("text", function(){
switch(this.getStatusProperty("code")) {
case "processing":
return "";
case "loading":
return "Loading data, please wait...";
case "nodata":
return "No data found.";
default:
return "";
}
});
obj.defineStatusProperty("image", function(){
switch(this.getStatusProperty("code")) {
case "loading":
return "loading";
case "processing":
return "processing";
default:
return "none";
}
});
My issue is it all works :) But when the Processing GIF shows up on the Grid it appears to be cut-off height wise. I tried changing the height attribute of the CSS style for active-image-processing.
Can someone help? Please
Thanks
GridUser
November 1,