This is a migrated thread and some comments may be shown as answers.
Grid Style on Load
1 Answer 9 Views
This is a migrated thread and some comments may be shown as answers.
jim
Top achievements
Rank 1
jim asked on 21 Nov 2017, 10:38 PM

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);

 

 

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 23 Nov 2017, 11:59 AM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
jim
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or