All styling should be done via CSS. The dialogClass option doesn't do
anything beyond adding that specified class to the generated wrapper.
You need to do all the styling yourself. For example:

CSS:
.alert-dialog .ui-dialog-titlebar { color: red; }

JS:
$(el).dialog({
    dialogClass: 'alert-dialog'
});


On Dec 24, 11:21 am, "George K." <kara...@gmail.com> wrote:
> Hi guys,
>
> I have two set of dialogs that I use in my application.  One for
> general feedback and another for errors.  I would like to
> differentiate between the two by having the red color dominating the
> errors dialog.
>
> I have seen, through the documention, the option dialogClass:
> "alert".  Now my naive reaction was to just use this to initialize my
> error dialog which did not have the desired effect.  Consequently, I
> am wondering what I need to do to change the title bar and the main
> area background colors.
>
> FYI, I am fairly new to jQuery UI :).
>
> TIA,
> George

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to