How to make jQuery dialog modal?

Question

I am using jQuery dialog in asp.net. It is working fine for me. The problem is when I open the dialog box, I can still work parent page functionality. I don\'t want that. Ju

Answer 1

Use

$('#uploadPic').dialog({
         autoOpen: false,
         modal: true,
         draggable: true,
         title: "Upload Picture",
         open: function(type, data) {
             $(this).parent().appendTo("form");
         }
     });
 }

I have just added the modal option to your sample.

Answer 2

Read the documentation of JQuery Ui Dialog in: http://docs.jquery.com/UI/Dialog

Exist a Option called Modal, here is some samples from doc:

Initialize a dialog with the modal option specified.

$( ".selector" ).dialog({ modal: true });

Get or set the modal option, after init.

//getter
var modal = $( ".selector" ).dialog( "option", "modal" );
//setter
$( ".selector" ).dialog( "option", "modal", true );