jQuery Forum

There isn't currently a way to disable it being added. You could use css to hide it:
.ui-dialog .ui-dialog-titlebar-close { display: none; }
or if you really want it gone, you can use jQuery to remove it when the dialog is opened:
$("#myDiv").dialog({
  open:function() {
    $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar-close").remove();
  }
});
- Richard

Thanks Richard.
Richard D. Worth wrote:
> There isn't currently a way to disable it being added. You could use
> css to hide it:
>
> .ui-dialog .ui-dialog-titlebar-close { display: none; }
>
> or if you really want it gone, you can use jQuery to remove it when
> the dialog is opened:
>
> $("#myDiv").dialog({
> open:function() {
>
> $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar-close").remove();
> }
> });
>
> - Richard
>
> On Wed, Oct 22, 2008 at 10:17 AM, Spot <spot@napalmriot.com
> <mailto:spot@napalmriot.com>>

this should go to the FAQ?

Good idea:
<a href="http://docs.jquery.com/UI/Dialog#How_do_I_prevent_the_close_button_.27X.27_from_being_added_to_the_dialog_.3F">http://docs.jquery.com/UI/Dialog#How_do_I_prevent_the_close_button_.27X.27_from_being_added_to_the_dialog_.3F</a>
Thanks.
- Richard

One could declare a generic .panel class in CSS:
.panel .ui-dialog-titlebar-close { display:none }
and then create the dialog as $
("#myDiv").dialog({dialogClass:"panel"});
Victor
On Oct 23, 5:29 am, "Richard D. Worth" <rdwo...@gmail.com> wrote:
> There isn't currently a way to disable it being added. You could use css to
> hide it:
>
> .ui-dialog .ui-dialog-titlebar-close { display: none; }
>
> or if you really want it gone, you can use jQuery to remove it when the
> dialog is opened:
>
> $("#myDiv").dialog({
>   open:function() {
>
> $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar-close").remove();
>   }
>
> });
>
> - Richard
>
> On Wed, Oct 22, 2008 at 10:17 AM, Spot <s...@napalmriot.com>

1) You can edit the CSS and give the font a size of 0.
.ui-dialog-titlebar-close {font-size: 0px;}
2) To globally remove the X search for this line in the jQuery.UI.js
and simply delete the "X":
.append('<a href="#" class="ui-dialog-titlebar-close"><span>X</span></
a>')