Recent Posts

Friday, July 24, 2015

Loading bar is not displayed in kendo UI grid while not setting default height

When i removed the default height of Kendo UI Grid to "Increase the height of kendo UI grid to full page to display all records of grid" I faced another problem.

The loading image in Kendo UI grid was not displaying and the grid initially collapsed. This created the impression that the Kendo UI Grid was not loading at all so there was a great chance that users were distracted from the page.

To fix this issue I figured out just place one css code mentioned below that sets the min height of the grid so the Kendo UI grid displays the loading bar and after the data is loaded everything is all good..

Css Code to set min height of the Kendo Ui Grid is as follows:
  .k-grid-content {
        /*For setting min height to see the loader so that user are not distracted if the grid is loading or not*/
    min-height: 200px;

Related Posts by Categories

No comments:

Post a Comment