Position jQuery UI Dialog

by Mohammed Fellak

HTML

<strong>Note</strong>: The <code>"bottom"</code> in <code>position: ["bottom",50]</code> doesn't affect the dialog's placement.








<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    About this SO Question: <a href='http://stackoverflow.com/a/12538084/1366033'>Position jquery UI dialog</a><br/>
    jQuery API Documentation <a href='http://api.jqueryui.com/dialog/#option-position'>Position</a><br/>
<div>

JavaScript

$('<div>Content</div>')
    .dialog({
        autoOpen: true,
        height: 'auto',
        width: 100 + '%',
        position: {
        my: "left top",
        at: "left top",
        of: window,
        collision: "none"
        },
        title: "Dialog"
    });