Easy way to highlight the row you are editing

Question

Hi,
How can I easily highlight the row in a report with an edit button when I click this button. If I click it I go to another page but when I come back( After saving modifications) I want the row I just edited highlighted
Thank you for the help
Erwin

Answer 1

Hello Erwin,
First, you need to add an ID to every row in your report, so you’ll be able to manipulate it on the DOM level. Duplicate your report template, and edit the Before Each Row field to look similar to the following:
<tr #HIGHLIGHT_ROW# id="#ROWNUM#">I’m using a hidden item on the report page, to hold the rownum of the report line I’m branching to edit. I’m setting this item in the link column (or in the f?p URL) to be #ROWNUM#.
I’m using an onload event to fire the following JS function:
function colorLinkRow(pItem, pColor) {
   var elm = $x(pItem);
   if (elm.value > 0) {
     $x(elm.value).style.backgroundColor = pColor;
}The pItem parameter is the hidden item name, and the pColor is the background color I want to use.
This code assuming only one report region per page. Otherwise, you need to take different approach to setting unique IDs to your reports lines.
Regards,
Arie.