Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How to remove close button on the jQuery UI dialog?

Anonymous User 2645 01 Apr 2015

How do I remove the close button (the X in the top-right corner) on a dialog box created by jQuery UI?

Anonymous User

Other

I am a content writter !

1 Answers

Anonymous User 01 Apr 2015

I 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;
}

MindStick Training