Hey all,

Been digging around the forums and docs for how to get rows to have a specified background color upon hovering over a row. From what I've seen, you should be able to do something like the following and it should work. It doesn't. I'm on 8.1.05 currently.

Am I doing something wrong? Is my output type okay? Where is there a doc article that lists all possible STY report selector options (OBJECT=xxx)?

TABLE FILE CAR
PRINT CAR
BY COUNTRY
ON TABLE PCHOLD FORMAT HTML
ON TABLE SET HTMLCSS ON
ON TABLE SET STYLE *
TYPE=REPORT,
     OBJECT=CURRENT-ROW,
     HOVER-BACKCOLOR=RED,
     BACKCOLOR='FUCHSIA',
$
ENDSTYLE
END

Thanks in advance!

This message has been edited. Last edited by: CoolGuy,

Looks like you are using styling commands to be used for Active Reports.

Can you try changing the format to AHTML?

Thanks David. That'd be why. So it's only for AHTML output, eh? Can someone do this for just regular HTML output somehow? That's what I'm trying to do. I've tried using CSS, etc. and nothing wants to play nice.

If you're happy to use jQuery, it's quite easy to use CSS selectors. Here's a quick search result:

Stack Overflow: Table row that highlights on hover and changes color on click

Looks like I need to freshen up on my CSS. The linked thread has some CSS that worked for some reason or rhyme despite my own CSS not working. lol

Thanks Francis!

Working code:

TABLE FILE CAR
PRINT CAR
BY COUNTRY
ON TABLE PCHOLD FORMAT HTML
-*ON TABLE SET HTMLCSS ON
-*ON TABLE SET STYLE *
-*-* Below STY rules are for AHTML only.
-*TYPE=REPORT,
-*     OBJECT=CURRENT-ROW,
-*     HOVER-BACKCOLOR=RED,
-*     COLOR='FUCHSIA',
-*$
-*ENDSTYLE
END

-HTMLFORM BEGIN
<style>
tbody tr:hover td {
  background-color: #FFEFC6;
}
</style>
-HTMLFORM END

My suggestion is to make yourself a css lib, store it somewhere, either in the repository or on the web server and reference it with CSSURL

Good idea Waz! Thanks!