Kendo grid provides its own Loading indicator automatically when the grid is loaded, paging, sorting. It is working fine.
But I don't want this built-in loading indicator to be shown/hidden.
How can I disable this feature?
Please advise me.
Thanks,
Vinoth
Simple, just hide it with CSS. Your selector will need to be more specific than the built-in Kendo classes. You can use the Grid's ID for that.
#grid .k-loading-image {
background-image: none;
}
If you want to remove the loading mask you can also accomplish that with CSS.
#grid .k-loading-color {
opacity: 0;
}
I had two grids named "grid1" and "grid2" - each was enclosed within a div; named "grid1panel" and "grid2panel". To remove the spinner/wait cursor I added an override for the the grid panels ".k-loading-image" and ".k-loading-color"; this removed it just for these specific grids.
Sample CSS
/* DISABLE KENDO SPINNER/WAIT CURSOR */
.grid1panel .k-loading-image {
background-image: none;
}
.grid1panel .k-loading-color {
opacity: 0;
}
.grid2panel .k-loading-image {
background-image: none;
}
.grid2panel .k-loading-color {
opacity: 0;
}