How do you change the size of JQGrid's Edit Dialog Box?

javascript jqgrid pager
JayD3e picture JayD3e · Aug 9, 2010 · Viewed 12.6k times · Source

In a JQGrid grid, when you select a row and press the edit button, a dialog box pops up to allow you to enter information in the fields of that row. How do you specify a default height, width, and location of the dialog box that pops up?

Answer

Justin Ethier picture Justin Ethier · Aug 9, 2010

According to the docs for Form Editing, you can use the following options:

  • top - the initial top position of modal dialog. The default value of 0 mean the top position from the upper left corner of the grid. When jqModal option is true (see below) and jqModal plugin is present any value different from 0 mean the top position from upper left corner of the window.

  • left - the initial left position of modal dialog. The default value of 0 mean the left position from the upper left corner of the grid. When jqModal option is true (see below) and jqModal plugin is present any value different from 0 mean the left position from upper left corner of the window.

  • width - the width of confirmation dialog

  • height - the entry height of confirmation dialog

Related questions

Hidden Columns in jqGrid

Is there any way to hide a column in a jqGrid table, but have it show as read-only when the row is edited in the form editor modal dialog?

Read More
Resize jqGrid when browser is resized?

Is there any way to resize a jqGrid when the browser window is resized? I have tried the method described here but that technique does not work in IE7.

Read More
How to refresh the data in a jqGrid?

I have been trying to get a grid to be updated from the datasource when a button is pushed. So I have in the click event something like this: $('#grid').jqGrid('trigger','reloadGrid'); However this does not work and …

Read More