Question

I am working on this test page: http://www.problemio.com/test.php

If you click the login link, you can see that it looks nice and neat and fits into the default width.

But if you click on the create-profile link you can see that the popup is too narrow to fit all the form fields and text.

I tried making it wider by giving some style to the containing div like this but that only made the div wider, but not the popup that opens.

How can I control the styling and the width/height of the popup made by jQuery? Thanks!

Answer 1

You can specify the height and width in the arguments.

$( ".selector" ).dialog({ height: 530, width: 600 });

Take a look at the options.