Here's my current code:
$("#DialogScroll").dialog({
bgiframe: true,
autoOpen: false,
maxHeight: 600,
width: 550,
modal: true,
resizable: false,
open: function (type, data) {
$(this).parent().appendTo("form");
},
close: function () { }
});
maxHeight works great in Firefox, Chrome, etc. as expected, but IE 7 obviously has a problem with it. Does anyone have any idea how to get the UI dialog to use maxHeight in IE?
<div id="DialogScroll" class="dialog" style="display:none; ">
<table>
<thead>
<tr>
<th>
State Code
</th>
<th>
State Name
</th>
</tr>
</thead>
<tbody>
<asp:Literal ID="litStates" runat="server" />
</tbody>
</table>
</div>
Looks like it is a long standing open jQueryUI bug - at this link there's a work-around and a patch listed in the comments.