Conflicts Between Two Widgets
I have a page that contains two JQuery widgets, Accordian and Dialog. The Accordian was put in by a previous developer. I am adding the Dialog widget but noticed that if I set the
.ui-widget-content style it affects the Accordian widget. Our stylesheet has no setting for
.ui-widget-content but uses other styles to change how it looks. I can remove the style from the stylesheet for
.ui-widget-content but then I lose the background color for the dialog. How can I set the
.ui-widget-content style and not have it affect the Accordian widget, just the Dialog? I thought setting
.ui-dialog .ui-widget-content might work but that did not bring out the widget's background, just some of the elements
within the widget.