jQuery Grid Plugin - jqGrid

Hello Tony,

one question on the stackoverflow took my attention at the problem of small incompatibilities of jqGrid to jQuery UI Theme.

If you look inside of ui.jqgrid.css you will find two places where the background-color style are defined explicitly:

and

If one color is good for Smoothness theme for example it will be not so good for UI darkness, Hot sneaks or Pepper Grinder theme. Exactly because of that the ui-widget-overlay class from the jQuery UI Theme defines the background collor and the sometimes the background image of the overlay. For example like

from the jquery-ui.css or jquery.ui.theme.css. The class ui-widget-overlay are used already by jqGrid in the most cases, but not in with jqModal.js.

So my first suggestion is to set overlayClass parameter of $.fn.jqm method to 'ui-widget-overlay' or 'ui-widget-overlay jqgrid-overlay'. It sees to me that adding the parameter in the first statement of viewModal (o = $.extend({...) could solve the problem. Of cause one should remove the jqmOverlay from the ui.jqgrid.css.

I don't know what is the best solution for the .ui-jqgrid .ui-jqgrid-resize-mark, but I am sure that background-color attribute should be removed and the border color from the theme should be used. Probably no background color is really needed be defined or one needs to use just some additional class from the standard theme class at the div definition from here. I have not enough experience in the subject, but I am sure that you Tony will find the solution of the problem yourself.

Best regards
Oleg