Resize jquery UI dialog with JS?
-
03-07-2019 - |
Question
Even better would be if autoResize
in latest branch would work as intended, but till then the question is simple: how to resize a dialog once it is created?
Solution
The answer from is Soviut is correct for v1.5. 1.6
adds an option
method to each plugin:
$(document).ready(function(){
var d = $("#example").dialog();
d.dialog("option", "width", 700);
});
OTHER TIPS
$('#dialog').dialog().animate({width: "700px"}, 400);
I've used this for dynamically resizing dialogs.
All JQuery UI plugins can have their properties updated using .data():
$(document).ready(function(){
var d = $("#example").dialog();
d.data("width.dialog", 700);
});
But the contents of the dialog (.ui-dialog-content) do not follow suit.
I like to have the dialog sized to contents when created so I use this:
var dlg = $("#dialog");
dlg.dialog( {
width: 600,
height: dlg.height() + 100
});
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow