How do I remove the close button (the X in the top-right
corner) on a dialog box created by jQuery UI?
Technology
Web App Development
Mobile App Development
Windows App Development
Database Development
UI/UX Development
Cloud Development
SEO
Digital Marketing
Guest Posting
Content Writing
Artificial Intelligence
Data Science
ERP Development
CRM Development
CMS Development
LMS Development
Business Listing
Blockchain Technology
Startup Promotion
AI Tools Integration
Can you answer this question?
Write Answer1 Answers
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;
}