Can I center the jQuery UI dialog for a div?

Question

I have the main content of the div, and I would like to put the dialog in this div, not on the page. Any ideas? I know that there is a utility program, but I cannot decide how to use it with the position parameters of the dialog.

Answer 1

You are right .position()- this is the way, like this:

​$("#dialog").dialog()
            .parent() //remember .dialog() wraps the content in another <div>
            .position({ my: 'center', at: 'center', of: '#parent' });
  //or just .position({ of: '#parent' });

#parent , . , my at center, , of - , .

, center my at, of, .