title: jqgrid scrollable dialog
body: <p>I have a jqGrid that has add/edit dialogs with a form that's longer than the dialog height but the dialog won't scroll.  I've tried to add an <code>overflow: auto</code> style to the dialog but no effect:</p>
  
  <pre><code>$("div.ui-jqdialog-content").css("overflow", "auto");
  </code></pre>
  
  <p>Although, if I change <code>auto</code> to <code>scroll</code>, I at least see a scrollbar but still no scrolling:</p>
  
  <pre><code>$("div.ui-jqdialog-content").css("overflow", "scroll");
  </code></pre>
  
  <p>This at least gives me a small glimmer of hope that I'm on the right track.</p>
  
  <p>There doesn't seem to be any direction from the API documentation to support scrolling:</p>
  
  <p><a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing" rel="nofollow noreferrer">http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing</a></p>
  
  <p>Does anyone know how to add a working scrollbar to the jqModal dialog window used by jqGrid?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>This is a total hack job but I got a scrollbar to appear and function doing the following:</p>
  
  <pre><code>setTimeout(function() {$("#FrmGrid_list").html('&lt;div style="height: 300px; overflow: auto;"&gt;' + $("#FrmGrid_list").html() + '&lt;/div&gt;');}, 1000);
  </code></pre>
  
  <p>I attached this to the <code>afterShowForm</code> event.  However, this really doesn't solve the problem because it causes other issues with other fields.</p>