[SOLVED] STY rule for regular HTML output for setting hover backcolor for table rows?

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,

8.2.02M (production), 8.2.02M (test), Windows 10, all outputs.

Posts: 1113 | Location: USA | Registered: January 27, 2015

David Briars

Master

posted

Hide Post

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

Can you try changing the format to AHTML?

Pilot: WebFOCUS 8.2.06 Test: WebFOCUS 8.1.05M Prod: WebFOCUS 8.1.05M Server: Windows Server 2016/Tomcat Standalone Workstation: Windows 10/IE11+Edge Database: Oracle 12c, Netezza, & MS SQL Server 2019 Output: AHTML/XLSX/HTML/PDF/JSCHART Tools: WFDS, Repository Content, BI Portal Designer & ReportCaster

Posts: 822 | Registered: April 23, 2003

Ignored post by David Briars posted

Show Post

CoolGuy

Virtuoso

posted

Hide Post

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.

8.2.02M (production), 8.2.02M (test), Windows 10, all outputs.

Posts: 1113 | Location: USA | Registered: January 27, 2015

Ignored post by CoolGuy posted

Show Post

Francis Mariani

Expert

posted

Hide Post

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

Francis

Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server

Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005

Ignored post by Francis Mariani posted

Show Post

CoolGuy

Virtuoso

posted

Hide Post

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

8.2.02M (production), 8.2.02M (test), Windows 10, all outputs.

Posts: 1113 | Location: USA | Registered: January 27, 2015

Ignored post by CoolGuy posted

Show Post

Waz

Expert

posted

Hide Post

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

Waz...

Prod:	WebFOCUS 7.6.10/8.1.04	Upgrade:	WebFOCUS 8.2.07	OS:	Linux	Outputs:	HTML, PDF, Excel, PPT
In Focus since 1984
Pity the lost knowledge of an old programmer!