title: How to set position for Edit form of jqGrid as center of the window
body: <p>I have jqGrid with Edit and Add forms, problem is displaying left side of the jqGrid, instead of center of the window, i have tried in different ways, but not getting, here my code is..</p>
  
  <pre><code>$(document).ready(function () {
      jQuery("#jQGridDemo").jqGrid({
          url: 'http://localhost:52618/Sample/GetEmployeeDetails',
          datatype: "json",
          mtype: "POST",
          colNames: ['Eno', 'Ename', 'City', 'Salary', 'Address', 'Actions'],
          colModel: [
           { name: 'Eno', index: 'Eno', width: 120, stype: 'text', height: 90, editable: true },
           { name: 'Ename', index: 'Ename', width: 150, editable: true },
           { name: 'City', index: 'City', width: 150, editable: true },
              { name: 'Salary', index: 'Salary', width: 100, height: 120, editable: true },
              { name: 'Address', index: 'Address', width: 100, height: 120, hidden: true, editable: true, editrules: { edithidden: true }, hidedlg: true },
               {
                   name: 'Actions', index: 'Actions', width: 100, height: 120, formatter: 'actions',
                   formatoptions: {
                       keys: true,
                       editformbutton: true,
  
                   }
               },
          ],
          rowNum: 10,
          add: true,
          addParams: { useFormatter: true },
  
          mtype: 'Get',
          loadonce: true,
          pager: '#jQGridDemoPager',
          viewrecords: true,
          caption: "List Employee Details",
          height: "230px",
          add: true,
      });
  
      jQuery("#jQGridDemo").jqGrid('navGrid', "#jQGridDemoPager", {
  
          add: true,
          edit: false,
          del: false
  
      });
  });
  </code></pre>