Focal Point
[SOLVED]Glyph icons to HTML Report

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/6837081296

December 18, 2019, 01:07 PM
vaayu
[SOLVED]Glyph icons to HTML Report
Wondering if anyone tried to show glyph icons on HTML report using font awesome via
 COMPUTE TEST/A200 ='<i class="fa fa-home"> </i>';  

I'm using 8206 Designer and it already has font awesome loaded on the page, just not sure how to display like a checkbox or any icon as a field in my report.

Pls share any thoughts

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


-********************
Sandbox: 8206.10
Dev: 8201M
Prod:8009
-********************
December 18, 2019, 01:44 PM
Waz
Should be easy, used FontAwesome before.

All you should need to do is set your CSSURL to include the URL to FontAwesome.

TYPE=REPORT, CSSURL = url
ON TABLE SET CSSURL url
SET CSSURL = url


Waz...

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

December 18, 2019, 02:34 PM
vaayu
Thanks Waz,not sure what I'm missing but I checked its a valid path for css still no icons on the output.
 
SET CSSURL ='/ibi_apps/ibx/resources/S121_15742121481F/etc/font-awesome/css/font-awesome.css';
TABLE FILE CAR
PRINT COUNTRY
COMPUTE TEST/A200 ='<i class="fa fa-file-excel"></i>';
ON TABLE SET PAGE-NUM NOLEAD
ON TABLE SET ASNAMES ON
ON TABLE NOTOTAL
ON TABLE PCHOLD FORMAT HTML
ON TABLE SET HTMLEMBEDIMG ON
ON TABLE SET HTMLCSS ON
ON TABLE SET CSSURL '/ibi_apps/ibx/resources/S121_15742121481F/etc/font-awesome/css/font-awesome.css'
ON TABLE SET STYLE *
     INCLUDE = IBFS:/EDA/EDASERVE/_EDAHOME/ETC/warm.sty,
$
TYPE=REPORT,
CSSURL =/ibi_apps/ibx/resources/S121_15742121481F/etc/font-awesome/css/font-awesome.css,
$

ENDSTYLE
END 



-********************
Sandbox: 8206.10
Dev: 8201M
Prod:8009
-********************
December 18, 2019, 03:57 PM
Waz
Check the css, in 8.2.06 the class is "fa-file-excel-o"

And you only need one of the CSSURL's.

The one you choose depends on the scope.

SET for all
ON TABLE SET for the report
Stylesheet for the report


Waz...

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

December 19, 2019, 05:31 PM
vaayu
Thanks Waz,
this worked for me
 SET CSSURL ='/ibi_apps/ibx/resources/S121_15742121481F/etc/font-awesome/css/font-awesome.css';
TABLE FILE CAR
PRINT COUNTRY
COMPUTE TEST/A200 ='<i class="fa fa-file-excel-o"></i>';
ON TABLE SET PAGE-NUM NOLEAD
ON TABLE SET ASNAMES ON
ON TABLE NOTOTAL
ON TABLE PCHOLD FORMAT HTML
ON TABLE SET HTMLEMBEDIMG ON
ON TABLE SET HTMLCSS ON
ON TABLE SET STYLE *
     INCLUDE = IBFS:/EDA/EDASERVE/_EDAHOME/ETC/warm.sty,
$
TYPE=DATA,
COLUMN=N2,
COLOR=GREY,
$
ENDSTYLE
END  



-********************
Sandbox: 8206.10
Dev: 8201M
Prod:8009
-********************