jquery UI dialog: how to initialize without a title bar?

by

I think that the best solution is to use the option dialogClass.

An extract from jquery UI docs:

during init : $('.selector').dialog({ dialogClass: 'noTitleStuff' });

or if you want after init. : 

$('.selector').dialog('option', 'dialogClass', 'noTitleStuff');

So i created some dialog with option dialogClass=”noTitleStuff” and the css like that:

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

too simple !! but i took 1 day to think why my previous id->class drilling method was not working. In fact when you call .dialog() method the div you transform become a child of another div (the real dialog div) and possibly a ‘brother’ of the titlebar div, so it’s very difficult to try finding the latter starting from former.

More Related Contents:

  1. jQuery Event : Detect changes to the html/text of a div
  2. jQuery Date Picker – disable past dates
  3. Detecting no results on jQuery UI autocomplete
  4. jQuery Drag And Drop Using Live Events
  5. jQuery UI Autocomplete use startsWith
  6. jQuery UI Autocomplete widget search configuration
  7. JQuery ui – date picker, disabling specific dates
  8. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  9. Jquery Datepicker Chrome
  10. jQuery UI Dialog window loaded within AJAX style jQuery UI Tabs
  11. Disable specific days of the week on jQuery UI datepicker [duplicate]
  12. jQuery UI Datepicker – Disable specific days
  13. jQuery scrollTop not working in Chrome but working in Firefox
  14. jquery ui dialog box need to return value, when user presses button, but not working
  15. Jquery datepicker – only day and month
  16. How to simplify my statefull interlaced modal dialogs in ASP.NET MVC
  17. jQuery UI Resizable alsoResize reverse
  18. jquery ui tabs no longer supporting cookie? now what?
  19. Get mouse position on scroll
  20. How do I clear/reset the selected dates on the jQuery UI Datepicker calendar?
  21. Apply CSS to jQuery Dialog Buttons
  22. JQuery UI Datepicker, reverse the order of the year in the dropdowns
  23. How to use Plugins for PopUp [closed]
  24. How can I disable a button in a jQuery dialog from a function?
  25. Problems with jQuery autocomplete + AngularJS
  26. Jquery UI Autocomplete: search from multiple attributes of one array
  27. jQuery autohide element after 5 seconds
  28. How can I extend jQueryUI datepicker to accept an additional argument?
  29. jQuery UI dialog box not positioned center screen
  30. How to handle jQuery UI Selectmenu change event

Leave a Comment