How to remove default loading popup image in Kendo UI grid

In this article I will explain how to disable the default loading popup image in kendo UI grid.

Many of us may find the loading popup very small and sometimes the user may not see it clearly. To avoid this we’ll be using our own modal popups. But still the default modal popup cannot be removed completely. This makes difficult for the user to identify whether the data is retrieved or not. In order to overcome this we can hide the default modal popup using CSS.

To hide the default modal popup we have to write the required CSS property.

Define a style tag on the beginning of the .cshtml page.

<style>

</style>

Inside the style tag you can write the following CSS to hide the default loading image in the kendoUI grid.

.k-loading-image {

        display: none;

    }

Now the entire code altogether is

<style>

.k-loading-image {

        display: none;

    }

</style>

The applied CSS style hides the default modal popup image. If you want the same action to happen in all the pages, define the above mentioned CSS in the corresponding layout page.