Home Analyst Portal

Change color on gridview when hovering

Morten_MeislerMorten_Meisler Premier Partner Advanced IT Monkey ✭✭✭
Sorry if duplicate, but does anyone know how to change the color for the specific columns when hovering over the gridview in My Workitems (and other places):



I want to change the blue to something else,

I got this from Cireson, but it only makes the color permanent and not on hover. I also tried doing hovering on columns but then it only changes color for that specific column and not the 3 columns:

<div>.grid-highlight-column, .k-grid .k-state-selected td.grid-highlight-column, .k-grid tr:hover td.grid-highlight-column-title, .k-grid .k-state-selected td.grid-highlight-column-title {</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #fabd35 !important;</div><div>}&nbsp;</div>

Answers

  • Roland_KindRoland_Kind Partner Advanced IT Monkey ✭✭✭

    Hi,

    it seems - that this is working ;) --> red on hover

    .k-grid tr:hover td.grid-highlight-column, .k-grid tr:hover td.grid-highlight-column-last, .k-grid tr:hover td.grid-highlight-column-title, .k-grid tr:hover td.grid-highlight-column-mid {
        background-color: #ff0000;
        color: #fff;
    }


Sign In or Register to comment.