Grid Style on Load

[jim]

I am currently refreshing the grid every 3 seconds on my page using the Javascript SetInterval function.  The grid is then reloading and displaying accurate information.  However, while the load is happening the grid flashes and looks disabled, then when the function returns it appears enabled again.   This is happening every three seconds so the grid is constantly flashing enabled/disabled.   Is there any way to override this functionality or CSS is can change? 

 

      setInterval(function () {
            var grid = $("#statistics").data("kendoGrid");
            if (grid != null) {
                grid.dataSource.read();
            }
        }, 3000);

 

 

[Stefan]

Hello, Jim,

Thank you for the detailed scenario.

The described effect is caused by the loading mask and it can be removed by hiding the mask DOM element.

.k-loading-mask{
 display: none;
}

http://dojo.telerik.com/oYOke

It will be only a small flash, but this is because the Grid DOM elements are re-rendered.

I hope this is helpful.

Regards,
Stefan
Progress Telerik