Set postion of dialog box
<p>I have used a dialog box popup on click of a link. When I click on a link background of parent page change to white color &amp; dialog box is seen at center.</p>

<p>But when I am going to mimize the browser size/screen, the popup moves to the right. I want dialog box popup in the center whether the browser screen is minimized or not.</p>

<p>I use the following jquery &amp; css &amp; code for dialog box</p>

<ol>
<li>jquery-ui-1.8.7.custom.css</li>
<li>jquery-ui.min.js</li>
</ol>

<p>Code : </p>

<pre class="lang-js prettyprint-override"><code>$('.addlink').click(function() {
    $("#add_action").dialog({
        modal: true, 
        draggable: false, 
        resizable: true, 
        minWidth: 200, 
        width:560,
        minheight:98, 
        zIndex: 50000},
        {position:[400,120]
    });
});
</code></pre>

<p>Does anyone know the solution to this?</p>

<p>Thanks</p>
