I am having the same issue.

For which version is this and in which browser?

Also imgpath is not needed anymore in 3.5 versions.

Best Regards

Tony

khall100 said:

Nevermind. It was an error on my part (obviously) . I did not have the correct path to the CSS files.

i think this should be considered a bug.  I had the same trouble. But it was not an incorrect reference in code, it was because the server where the jqgrid.CSS was hosted went down temporarily.  if its an esay fix, it would be nice to see the grid degrade gracefully… it looks like it does a pretty good job of loading, just does not hide the overlay. 

NOTE this only happens if there is a jquery ui theme css file avaliable.  If there are no CSS files at all there is no stuck overlay.

thanks for the great grid!

I am having an issue with the overlay not hiding after the grid finishes loading.

here is my code

$("#list2").jqGrid({

  url:'/doctor_json.php',

datatype: "json",

  colNames:[' ','Actions', 'First Name','Middle Name', 'Last Name', 'Credentials','Practice','Specialty','Undergrad', 'Undergrad Yr', 'Dental School', 'Dental Yr', 'Specialty School', 'Specialty Yr'],

  colModel:[

  {name:'id',index:'id', width:20, sortable:false , formatter: 'checkbox', formatoptions:{disabled: 'false'}},

  {name:'act',index:'act', width:75,sortable:false},

  {name:'firstname',index:'firstname, id', width:90, editable: true, editoptions:{size:"20",maxlength:"30"}},

  {name:'middlename',index:'middlename', width:50, editable: true, editoptions:{size:"20",maxlength:"30"}},

  {name:'lastname',index:'lastname.asc', width:80, editable: true, editoptions:{size:"20",maxlength:"30"}},

  {name:'credentials',index:'credentials', width:30},

  {name:'practiceId',index:'practiceId', width:100},

  {name:'specialtyid',index:'specialtyid', width:100},

  {name:'undergrad',index:'undergrad', width:150},

  {name:'undergrad_yr',index:'undergrad_yr', width:20, align: 'right'},

  {name:'dental_school',index:'dental_school', width:150},

  {name:'dental_yr',index:'dental_yr', width:20, align: 'right'} ,

  {name:'specialty_school',index:'specialty_school', width:150},

  {name:'specialty_yr',index:'specialty_yr', width:20, align: 'right'}

  ],

  rowNum:20,

  rowList:[20,40,60],

  // imgpath: gridimgpath,

  pager: $('#pager2'),

  sortname: 'lastname',

   viewrecords: true,

   sortorder: "asc",

   loadComplete: function(){

var ids = $("#list2").getDataIDs();

for(var i=0;i<ids.length;i++){

var cl = ids[i];

be = "<input style='height:22px;width:20px;' type='button' value='E' onclick=$('#list2').editRow("+cl+"); ></ids>"; 

se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=$('#list2').saveRow("+cl+"); />"; 

ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=$('#list2').restoreRow("+cl+"); />"; 

$("#list2").setRowData(ids[i],{act:be+se+ce});

}

},

//editurl: "server.php",

   caption:"Doctors",

   shrinkToFit: true,

   width: 675,

   height: '100%'

}).navGrid('#pager2',{view:true,edit:false,add:true,del:true});