CODEWITHSUNDEEP
javascriptjquery-uimodal-dialogjquery-ui-dialog
pentarim
pentarim

Reputation: 463

Resize jquery UI dialog with JS?

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?

Upvotes: 12

Views: 19832

Answers (5)

rdworth
rdworth

Reputation: 1062

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);
});

Upvotes: 20

JNB
JNB

Reputation: 428

$('#dialog').dialog().animate({width: "700px"}, 400);

I've used this for dynamically resizing dialogs.

Upvotes: 4

Paul Alexander
Paul Alexander

Reputation: 32367

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
    });

Upvotes: 0

liebezeit
liebezeit

Reputation:

But the contents of the dialog (.ui-dialog-content) do not follow suit.

Upvotes: 1

Soviut
Soviut

Reputation: 91535

All JQuery UI plugins can have their properties updated using .data():

$(document).ready(function(){
    var d = $("#example").dialog();
    d.data("width.dialog", 700);
});

Upvotes: 2

Related Questions