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

Question

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 1

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

Answer 2

This worked for me. JqGrid How to change width of edit form?