How to set width for jQuery UI dialog?

How to set width for jQuery UI dialog?, someone asked me to explain?

We can set width to the jQuery dialog by using dialog method. The property supports number (pixels) and string, the only supported string is “auto”. In this below example I will show you how to set width for JQuery dialog.

We can set width by two types,

$("#myDialog").dialog("option", "width",600);



                width: 600



    <title>how to applywidth for jquery dialog? </title>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script type="text/javascript">
       $(document).ready(function ($) {
               width: 500
    <h2 style="color: #841198">apply width for jquery dialog </h2>
    <div id="myDialog" title="Best WidgetLibrary">
           jQuery UI, a trusted suite of official plugins for the jQuery JavaScript


apply width for jquery dialog

Post your comments / questions