Best way to remove the close button on jQuery UI dialog box widget?

Question

What\'s the best way to remove the close button on the jQuery UI dialog box?

I do not wish people to be able to close the dialog box.

I\'m covering it on the cod

Answer 1

I found another solution, works for me:

$("#divID").dialog({
   closeOnEscape: false,
   open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
});

Answer 2

I found this to be a good solution

$("#myDialogID").dialog({
    closeOnEscape: false,
    beforeClose: function (event, ui) { return false; },
    dialogClass: "noclose"
});

Not altering the existing styles, instead adding a new bit:

.noclose .ui-dialog-titlebar-close
{
    display:none;
}

Adding the class ended up being quite an elegant method, as i'm "classing" the dialog as one that cannot be closed.