There wasn't a designated area for dicussion igDialogs, but with this control why is the header area style set to the hover style? By default the jQuery style doesn't apply this and it causes funky display of colors to appear.
I'm using the redmon theme from Theme Roller but I've changed the hover state to use the colors from the UI Lightness so buttons, igGrid rows are a bit more vibrant on hover. But the igDialog uses the hover style on the header of the dialog which is just wierd. It doesn't look good at all.
Was this intentional? As of right now I've switched back to jQuery to handle dialogs.
Hi Daniel,
Can you provide more information about hover style? Which exactly html element of igDialog uses that style and what exact name of that "hover" class.
The header of igDialog uses classes defined by igDialog.css.header. That has value of "ui-igdialog-header ui-dialog-titlebar ui-widget-header ui-corner-top ui-helper-clearfix".
The header does not process mouse-over and does not take another "hover" style when mouse is moved over it. The only elements, which are affected by mouse-over, are dialog-buttons. The classes used on mouse over are defined by igDialog.css.headerButtonHover which is equals to "ui-igdialog-headerbutton-hover ui-state-hover" and they are added to default class of button when mouse is moved over it.
We are using the redmond style from jQuery.ThemeRoller website. I wanted to add a bit more color to the hover styles, so I combined two themes together. Doing that changed the appearance of the dialog boxes. I've attached the styles that I overwrote in a text file. I really am not a fan of how content gets pasted into these forums.