I need to create background as yellow while selecting the gear icon for the menu option in the table row, I have tried the below code for highlighting the table row,
var view = Core.view.Menu.create({
model: model,
menuContext: { ibmm: ibmm },
anchor: this.$(),
highlight: this.$().parents('tr:first').css('background-color','yellow')
});
view.show();
While selecting the menu from the table row (hidden) with the gear icon, the background color is coming well.
[![enter image description here][1]][1]
corresponding html file is below
<tr id="ember23242" class="ember-view content-row body-row-view container-view" tabindex="0" aria-label="">
But when I move to the next table row(non hidden), the past table row color is still in yellow color, not getting disappear.
[![enter image description here][2]][2]
I'm using the below css code for creating the highlight when i'm clicking the row
table.content-table.highlighted tr.content-row:focus {
background: #FFFF99 none 0 0 repeat;
}
Can anybody suggest me code for this. I’m using Ember 1.4.0.
you can try below jquery to reset your background color where event will occur on focusout.
$(function(){
$("table.content-table.highlighted tr.content-row").on("focusout", function(){
$(this).css('background','#FFFF00 none 0 0 repeat'); // change color code as per your need
});
});