JQuery Dialog Hide Or Remove Close Button

This is just an example to hide/remove the close button (the X or Close at the top right conner) of a JQuery UI Dialog Box.

Hide/Remove Close Button JQuery Dialog

First you define a simple CSS, such as:

<style>
	.no-close .ui-dialog-titlebar-close{
		display: none;
	}
</style>

Then add the no-close to the dialog to hide/remove its close button:

$(function(){
	$('#alert_popup_dialog').dialog({
		autoOpen: false,
		width: 1024,
		height: 768,
		top:0,
		left:0,
		dialogClass: "no-close"
	});		
});