Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Flavio
2048
igGrid Selection Hover style problem on IE9
posted

Hi,

I tried to solve this issue in different ways (editing .css) but till now I haven't found a solution.

I set a GridModel with selection feature:
            GridSelection selection = new GridSelection();
            selection.Mode = SelectionMode.Row;
            selection.Activation = true;
            gridModel.Features.Add(selection);

Selection works correctly on firefox:

While it does not work correctly on IE9:

Problem is simple: if a row is selected I can't see background selection when it is hovered. It seems like IE9 gives more priority to hover instead of selection. If you look at the IE9 picture you can see that the row is ok, but text is obviously white, and the white background of hover behavior ocults it.
Note thatif I select one row and I move the mouse pointer away from that row, I can see it perfectly selected...

Has anyone ever had this problem?

Thanks

Flavio

Parents
No Data
Reply
  • 2048
    Verified Answer
    posted

    Hi,

    after different test I found out the "error". It was in the infragistics.theme.css file, and the incriminate row is:

    .ui-iggrid td.ui-state-active,.ui-iggrid .ui-ig-altrecord td.ui-state-active,.ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active,.ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class.ui-state-active,.ui-iggrid tbody .ui-iggrid-mergedcell.ui-state-active,.ui-iggrid tbody .ui-ig-altrecord .ui-iggrid-mergedcell.ui-state-active,.ui-iggrid tbody .ui-iggrid-mergedcellstop.ui-state-active,.ui-iggrid tbody .ui-ig-altrecord .ui-iggrid-mergedcellstop.ui-state-active
    {
    background:0;
    background-color:#4EB7E2;
    background-image:-moz-linear-gradient(top,#4EB7E2,#2381A9);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4EB7E2),color-stop(1,#2381A9));
    color:White;
    font-weight:normal;
    border-color:#4EB7E2 transparent #2788B1;
    text-shadow:none
    }

    I don't know why, probably an old mistake of myself, but the "background: 0;" property was not there. With it problem has been solved.

    Thanks and sorry for the time I stole you ;-)

    Flavio

Children
No Data