Alternate row color and focus color

QuestionsAlternate row color and focus color
Cedric asked 2 years ago

Hello,
I have used this code from the demo
$grid["altRows"] = true;
$grid["altclass"] = "myAltRowClass";
<style>
tr.focus-row
{
background: green;
color: black;
}

tr.focus-out
{
background: lightgrey;
color: black;
}

tr.focus-teal
{
background: teal;
}

.focus-cell
{
background: red;
color: black;
}
</style>
<style>
/* alternate row color */
.myAltRowClass { background-color: #F1F1F1 !important; background-image: none !important; }
/* first row color */
.ui-jqgrid tr.jqgroup, .ui-jqgrid tr.jqgrow { background-color: inherit; background-image:none; }
</style>

It looks fine, but when I focus a row it only work for row that have a white background…
Do you know how to fix this?

Thanks
Cedric

3 Answers
Abu Ghufran answered 2 years ago

Hello,

You can add following with !important option at end.

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
background: #fbec88 url("images/ui-bg_flat_55_fbec88_40x100.png") repeat-x scroll 50% 50% !important;
}

Cedric answered 2 years ago

thanks for your reply abu, but that still does not work…

Your Answer

17 + 8 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.



How useful was this discussion?

Click on a star to rate it!

Average rating / 5. Vote count:

We are sorry that this post was not useful for you!

Let us improve this post!