On line 73 you will see this:

        jQuery(mw).prepend(mh);
        if(appendsel===true) { jQuery('body').append(mw); } //append as first child in body -for alert dialog
        else {jQuery(mw).insertBefore(insertSelector).fadeIn();}
        if(typeof p.jqModal === 'undefined') {p.jqModal = true;} // internal use

Just add the text shown in red above.

The other thing you need to do is add recreateForm:true to your edit and add options.  For example:

   jQuery("#list").jqGrid('navGrid','#pager',{del:true, add:true, edit:true, view:true, search:false},
{editCaption:"Clicked Edit Button", recreateForm:true, editData:{formname:'GOTHERE'}},{addCaption:"Clicked Add Button", recreateForm:true, editData:{formname:'addform'}});
   jQuery("#list").jqGrid('filterToolbar',{stringResult:true, searchOnEnter:false});

Enjoy!

Jim

That way it could nicely fade-in/out or zoom in (grow from small to big). The animations would be quick so they wouldn't take up unneccesary time, but they would add that level of polish that would make it look very professional.

In the meantime, I looked at the createModal function in the grid.common.js, but I was unsure where/if I could add a jquery.animate statement.

Animating the box for the grid would be nice too, but it was mostly the gridEdit modal boxes.

Jim