Question

I have jquery ui dialog box, and I want to resize it by the animation,

I’ve done this: http://jsfiddle.net/a8LRg/

But it resizes only the div inside the dialog box (try to move dialog into right edge of the screen or sth), I want to resize the whole box.

Answer 1

You have to resize the original div’s .ui-dialog parent container, not the contents themselves.

See http://jsfiddle.net/alnitak/wKcDP/

Even then, the dialog will still stay in the same place – it won’t automatically reposition itself in the center of the screen.