How to remove close button on the jQuery UI dialog?

by

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

More Related Contents:

  1. Slide right to left?
  2. How to display an IFRAME inside a jQuery UI dialog
  3. How make my CSS responsive using Bootstrap 3.1
  4. How to change the element of another div by clicking and hovering on an element of a different div
  5. Hide/Show div on specific page with jquery
  6. CSS block doesn’t show click on a button
  7. how to force list items to go to differents rows?
  8. Issue with a design when content increase [closed]
  9. Auto-size dynamic text to fill fixed size container
  10. iframe to Only Show a Certain Part of the Page
  11. Downloading jQuery UI CSS from Google’s CDN
  12. Find out whether radio button is checked with JQuery?
  13. Play/pause HTML 5 video using JQuery
  14. How to automatically change the text size inside a div?
  15. Find text string in jQuery and make it bold
  16. jquery IE Fadein and Fadeout Opacity
  17. Activate CSS3 animation when the content scrolls into view
  18. Using jQuery how to get click coordinates on the target element
  19. expand/collapse table rows with JQuery
  20. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  21. Selecting only first-level elements in jquery
  22. How to make Bootstrap carousel slider use mobile left/right swipe
  23. How to close jQuery Dialog within the dialog?
  24. Creating a hole in a element
  25. Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog
  26. Get the value of -webkit-transform of an element with jquery
  27. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  28. Apply CSS to jQuery Dialog Buttons
  29. How add spaces between Slick carousel item
  30. jQuery UI Autocomplete – menu disappears on hover

Leave a Comment