Disable 'X' button in top-right of Dialog

dialog, jquery, jquery-ui, jquery-ui-dialog

Solution

I'm assuming you are using jQuery UI.

If so, attach a beforeClose event handler and return false from it if the Agree button hasn't been clicked. You can also use CSS to set the X button to `{display: none}`

var agreed = false; //has to be global
$("something").dialog({
    buttons: {
        'Apply': function () {
            agreed = true;
            $(this).dialog("close");
        }
    },
    beforeClose: function () {
        return agreed;
    }
});

Problem

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().

Original source

Related problems