Question

I am creating a Jquery UI dialogue like this:

 function CloseDisputeDialog() {        
        $("#dispute_form").html("@Html.Raw(closingMsg)");        
        $("#dispute_form").dialog("addbutton", "Close", function() {
            $("#dispute_res").val("close");             
            $("#dispute_form").dialog("close");            
        });
    }

in asp.net MVC 3 Razor view. I want to set the height of this dialogue to auto. How can I do this ?

Please suggest. Thanks

Answer 1

E.g. using the option height:

$("#dispute_form").dialog("option", "height", "auto");

Also you can set this option on init.

$("#dispute_form").dialog({ height: 'auto' });

=== UPDATE ===

With auto height, resettet min-height and an additional close button:

$("#dispute_form").dialog({
    height: 'auto'
    , minHeight: '0'
    , buttons: {
        "Close": function() {
            $("#dispute_res").val("close");
            $("#dispute_form").dialog("close");
        }
    }
});

Also see this jsfiddle.