Resize jquery UI dialog with JS?

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?

Rahul Gupta · Accepted Answer · 2017-12-28 06:36:18Z

20

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

edited Dec 28, 2017 at 6:36

Rahul Gupta

10.2k7 gold badges66 silver badges69 bronze badges

answered Jan 4, 2009 at 14:04

rdworth

1,0627 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Med Over a year ago

I think the first dialog() call should be removed in this example.

JNB · Accepted Answer · 2013-08-14 13:17:11Z

4

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

I've used this for dynamically resizing dialogs.

answered Aug 14, 2013 at 13:17

JNB

4281 gold badge4 silver badges11 bronze badges

Comments

Soviut · Accepted Answer · 2009-01-04 11:47:32Z

2

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

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

answered Jan 4, 2009 at 11:47

Soviut

92.2k53 gold badges211 silver badges285 bronze badges

Comments

liebezeit · Accepted Answer · 2009-05-01 09:19:04Z

1

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

answered May 1, 2009 at 9:19

liebezeit

Comments

Paul Alexander · Accepted Answer · 2010-01-19 18:31:53Z

0

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

answered Jan 19, 2010 at 18:31

Paul Alexander

32.5k16 gold badges100 silver badges152 bronze badges

Collectives™ on Stack Overflow

Resize jquery UI dialog with JS?

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related