Alternate row color and focus color

QuestionsAlternate row color and focus color
Cedric asked 7 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 7 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 7 years ago

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

Your Answer

13 + 7 =

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 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

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

Let us improve this post!

Tell us how we can improve this post?