Search jQuery

jQuery Forum

Hiding dialog Title

in Using jQuery UI • 14 years ago

How can I hide the title to the dialog? I have mine formatted nicely, but the requirement here is that it should have the same look and feel as a version that was written in the asp years ago. My dialog is very simple, it just hangs off the link that activates it and that link kinda acts as the title. So I don't need the title or the little 'X' that you can use to close it.

Replies(1)

rdworth

Re: Hiding dialog Title

14 years ago

You can just use css:

.ui-dialog-titlebar { display: none; }

If that's too aggressive (ie. you only want to hide it on one dialog, or one kind of dialog), you can use a dialogClass, like so:

.myDialog .ui-dialog-titlebar { display: none; }

then set the option on init:

$("#dlg").dialog({ dialogClass: 'myDialog' });

That class will get added to the dialog element, which the titlebar is under. Finally, if you don't want to use css, but do it all in js, this should work:

$("#dlg").dialog({
open: function() {
$(this).dialog("widget").find(".ui-dialog-titlebar").hide();
}
});

Top Reply

Response title

Attachments

jQuery Forum

Hiding dialog Title

Replies(1)

Re: Hiding dialog Title

Statistics

Tags

Actions