How do I remove the close button (the X in the top-right
corner) on a dialog box created by jQuery UI?
How to remove close button on the jQuery UI dialog?
2532
01-Apr-2015
Updated on 01-Apr-2015
Anonymous User
01-Apr-2015I have found this worked in the end (note the third line overriding the open function which find the button and hides it):
$("#div2").dialog({closeOnEscape:false,
open:function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog || ui).hide(); }
});
To hide the close button on all dialogs you can use the following CSS too:
.ui-dialog-titlebar-close {visibility: hidden;
}