2. PHPRunner General questions
  3. [SOLVED]  Highlight Row
This topic is locked
[SOLVED]

 Highlight Row

 		12/4/2013 8:40:31 PM
PHPRunner General questions
T
 Tempus_Erus author

Hi,
Can anyone help with any advice on the below?
Java Onload - list page I have the following code:
$("tr[id^='gridRow']").hover(function(){

$(this).children().addClass('hilightrow ');

$(this).style.cursor='hand';

},function(){

$(this).children().removeClass('hilightrow ');

});
External CSS file....
.hilightrow {
border:1px solid #ff0000;

background-color: #0000ff;
}
Obviously the idea here is to highlight the entire row on the list page......
However, whilst the border section of 'hilightrow CSS' works the back ground color has no effect?!
I have also tried ...
tr.hilightrow {

background-color: #0000ff;

}

No luck.
I am using 6.2........
Any pointers in the right direction would be much appreciated.
Thanks in advance.
C
 		cgphp 12/5/2013

There is a specific setting for this in the Misc tab http://xlinesoft.com/phprunner/docs/miscellaneous_settings.htm

It is the "Rollover row highlighting".
T
 		Tempus_Erus author 12/6/2013

Thanks Cristian - fully aware if the roll over feature.
I missed out a key piece of detail. Each of the rows is conditional and colored according to the condition. The built in feature does not work - hence trying to solve a work around......
T
 		Tempus_Erus author 12/6/2013



Thanks Cristian - fully aware if the roll over feature.
I missed out a key piece of detail. Each of the rows is conditional and colored according to the condition. The built in feature does not work - hence trying to solve a work around......


ok, finally resolved custom rollover on the list page:
on load event:
$("tr[id^='gridRow']").hover(function(){

$(this).children().addClass('hilightrow ');

$(this).css('cursor','hand');

},function(){

$(this).children().removeClass('hilightrow ');

$(this).css('cursor','hand');

});
CSS file:
.hilightrow {
background-color: #0000ff !important;
}