Disable 'X' button in top-right of Dialog

jquery jquery-ui dialog jquery-ui-dialog
BAHDev picture BAHDev · Jan 11, 2010 · Viewed 80.5k times · Source

Possible Duplicate:
Remove close button on jQueryUI Dialog?

I'm trying to make a dialog that requires a user to agree to terms before continuing, and don't want to allow the user to just click the 'X' in the top right corner of the dialog to close. I'd like to require that the user click 'I agree'.

Is there any way to disable the 'X' in the dialog?

Clarification: I'm just using the standard jQuery UI dialog: $.dialog().

Answer

foxvor picture foxvor · Oct 27, 2011

I found this on another post, hopes it helps, it worked for me:

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

This is the link:

How to remove close button on the jQuery UI dialog?

Related questions

jQuery Ui Dialog Buttons, How to add class?

I found this answer on another thread.. How to add multiple buttons in Jquery UI dialog box? Using this syntax, how do you add class to a particular button? $("#mydialog").dialog({ buttons: { 'Confirm': function() { //do something $(this).dialog('close'); }, 'Cancel': …

Read More
How to implement "confirmation" dialog in Jquery UI dialog?

I am try to use JQuery UI Dialog to replace the ugly javascript:alert() box. In my scenario, I have a list of items, and next to each individual of them, I would have a "delete" button for each of …

Read More
How can I position my jQuery dialog to center?

I have tried following code, but it only positions dialogs left upper corner position to center, and that makes element to be aligned to right. How can I center dialog to real center which counts elements width, so that center …

Read More