Search code examples
javascriptjqueryjquery-uisimplemodal

Removing the title bar from jQueryUI Dialog?

How can I remove the title bar.

I checked the API here but could not find anything.

http://api.jqueryui.com/dialog/

I noticed that other "solutions" have a cooler looking GUI then jQuery, particularly

http://www.ericmmartin.com/projects/simplemodal/

However I'd like to use jQueryUI b.c. of all the resources...online API documentation, tutorials, etc.

I just need to know how to get rid of the title bar?

Thanks

Solution

  • Given el as the original element from which the dialog was created:

    $(el).siblings('.ui-dialog-titlebar').remove();

    See http://jsfiddle.net/alnitak/N9TGd/

    Note that actually removing the titlebar (per the question title) will also remove the close button, and break the ability to drag the dialog box!