There is a trick to do this. $(‘.ui-widget-overlay’).css(‘cssText’, ‘height:985px !important;’); $(‘.ui-widget-overlay’).css(‘cssText’, ‘height:1167px !important;’); cssText is doing the trick here. It is appending css styles as string, not as variable.
Try setting the appendTo option to “#copy_dialog”: $(/** autocomplete-selector **/) .autocomplete(“option”, “appendTo”, “#copy_dialog”); This option specifies which element the autocomplete menu is appended to. By appending the menu to the dialog, the menu should inherit the correct z-index.
Below is how I achieved a responsive jQuery UI Dialog. To do this, I added a new option to the config – fluid: true, which says to make the dialog responsive. I then catch the resize and dialog open events, to change the max-width of the dialog on the fly, and reposition the dialog. You … Read more
The latest jQuery UI has a position component: $(“#myDialog”).position({ my: “center”, at: “center”, of: window }); Doc: http://jqueryui.com/demos/position/ Get: http://jqueryui.com/download
Using dialog methods: $(‘.selectorUsedToCreateTheDialog’).dialog(‘option’, ‘title’, ‘My New title’); Or directly, hacky though: $(“span.ui-dialog-title”).text(‘My New Title’); For future reference, you can skip google with jQuery. The jQuery API will answer your questions most of the time. In this case, the Dialog API page. For the main library: http://api.jquery.com