Question

I have just started working in jQuery and ASP.NET MVC. I want the same modal form mentioned in the example of JQuery site – http://jqueryui.com/demos/dialog/#modal-form

$("#divSchedule").dialog({ 
                          autoOpen: false,
                          show: "slide", 
                          modal: true   
                         });
$("#btn").click(function () {
    $("#divSchedule").dialog("open"); 
    return false;
});

Dialog appears on the page but user can click on any of the background controls. Can you please suggest something to disable(blur) the background? Is it something to do with CSS?

Answer 1

Basically you made a mess of your dialog definition, try this http://jsfiddle.net/tctc2/1/