0

When my jqgrid is "Loading" (initially, after a column sort, or when the user clicks the refresh button) can I change the cursor or the background color of the grid? The user can see the "Loading" message, but sometimes the message is too far down the grid to be very visible.

Thanks for your help. I am fully willing to read up on this if you point me to the correct resources.

Lou
  • 918
  • 3
  • 16
  • 29

2 Answers2

2

You can use the option

loadui: "block"

which will show the overlay having classes "ui-widget-overlay" and "jqgrid-overlay" over the whole grid. It will display the overlay additionally to the text "Loading..." (the text are defined in $.jgrid.defaults.loadtext). The background of the overlay are defined in jQuery UI style which you use. So the users will clearly see the notification about the loading and all controls of the grid will be blocked during the loading. If you want to customize the background of the overlay you can do this in the Themeroller (see the part "Screen for Overlays").

I recommend you additionally to read the answer which shows how to change the position of the "Loading..." text to the visible part of the screen.

Community
  • 1
  • 1
Oleg
  • 220,925
  • 34
  • 403
  • 798
0

Yes you can. Just override the style:

.ui-jqgrid .loading { cursor: wait; }
Michal Klouda
  • 14,263
  • 7
  • 53
  • 77
  • I added this to my code, but it did not work. Is there a specific file I have to go into and overwrite the existing code? – Lou Sep 07 '12 at 15:20