Set a Jquery dialog title bar style

Question

I want that some of my jquery dialogs, not all, have a different title bar color. How can I acheive this? I used the property dialogClass:"myClass" in desired dialogs but this doesen't change the title bar, just the dialog body.

Thank you!!

Answer 1

Specifying a dialogClass adds this class to the outermost div wrapping the entire dialog including the title bar, so you just have to make sure that you CSS rule is targeting the correct element. For instance:

.myDialogClass .ui-widget-header {
  background: purple;
}