In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > dialog > properties > dialogWidth (window)

dialogWidth property (window)

Browser support:

Specifies or retrieves the width of the dialog window.

This property is only supported by windows that were created via the window.showModalDialog or window.showModelessDialog method.

Syntax:

object.dialogWidth;

You can find the related objects in the Supported by objects section below.

This property is read/write.

Possible values:

String that sets or retrieves a floating-point number followed by a unit designator (cm, mm, in, pt, or pc, em, ex, or px).

Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the dialogWidth property:

Code

dial_geom.htm

<head>
    <script type="text/javascript">
        function ShowModal () {
            if (window.showModalDialog) {
                window.showModalDialog ("dial_geom.htm", null, 
                                        "dialogWidth:300px; dialogHeight:200px; dialogLeft:310px; dialogTop:210px;");
            }
            else {
                alert ("Your browser does not support this functionality!");
            }
        }
    </script>
</head>
<body>
    <button onclick="ShowModal ()">Show modal dialog!</button>
</body>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Dialog - geometry</title>
    <script type="text/javascript">
        function Init () {
            var stat = "";
            stat += "Dialog left: " + window.dialogLeft + "<br/>";
            stat += "Dialog top: " + window.dialogTop + "<br/>";
            stat += "Dialog width: " + window.dialogWidth + "<br/>";
            stat += "Dialog height: " + window.dialogHeight + "<br/>";
            var output = document.getElementById ("output");
            output.innerHTML = stat;
        }
    </script>
<body onload="Init ();">
    <div id="output"></div>
</body>
</html>