3.2.0

Highlighting of particular after it's style is changed

Sorry forgot to put a subject on my last post. Anyways, After setting the selected cell's style, that cell does not highlight properly when the entire row is highlighted like it did before. It just stays the new style color, in this case white(#FFF) or gray(#DDD). Is there a way to get the row highlighting to work for that cell again?

This is what I have as far as setting the style of the highlight:

/*	Highlight on mouseover, mousedown */
<style>
#obj_id .aw-mouseover-row {background: #FFEF40;}
#obj_id .aw-mousedown-row {background: #999;}
</style>


And here is the code I talked about:

/* This changes the color of the current cell and sets the color of the previous cell back to normal */
        var prevCol = this.getCurrentColumn();
        var prevRow = this.getCurrentRow();
        var prevCell = this.getCellTemplate(prevCol, prevRow);
        var currCell = this.getCellTemplate(col, row);

     	if ((prevRow+1)%2 == 0){
            prevCell.setStyle("background","#DDD");
        }
        else {
            prevCell.setStyle("background","#FFF");
        }

        currCell.setStyle("background","#F09F48");




Josh Johnson
April 26,
Yes, you can suppress the cell color with this rule -

#obj_id .aw-mouseover-row .aw-grid-cell,
#obj_id .aw-mousedown-row .aw-grid-cell {background: none!important;}


Unfortunately it will also remove color from the selected cells, so you have to add it again -

#obj_id .aw-mouseover-row .aw-cells-selected,
#obj_id .aw-mousedown-row .aw-cells-selected {background: 00f!important;}
Alex (ActiveWidgets)
April 27,
Thanks for the quick reply. I figured I had to add that line once again, but I'm doing everything in JavaScript, so how would you go about implementing those lines in an external .js file?
Josh Johnson
April 27,
please help me how to do
#obj_id .aw-mouseover-row .aw-grid-cell,
#obj_id .aw-mousedown-row .aw-grid-cell {background: none!important;}
#obj_id .aw-mouseover-row .aw-cells-selected,
#obj_id .aw-mousedown-row .aw-cells-selected {background: 00f!important;}
in javascript
NQT
November 17,

This topic is archived.

See also:


Back to support forum