[SOLVED] watermark on HTML?

I know I can use TYPE=REPORT, OBJECT=IMAGE, IMAGE=logo-bla.gif, POSITION=(+0.70000 +0.70000), SIZE=(4 7.5), Z-INDEX=TOP, OPACITY=15, $ to include a watermark on a PDF report. Is there a way I can get this to show up if the report is output to HTML or AHTML format?

Thanks,
Deb

This message has been edited. Last edited by: FP Mod Chuck,

WebFOCUS 8.2.03 (production), 8.2.06 (testing)
AppStudio, InfoAssist
Windows, All Outputs

Posts: 183 | Location: Indiana | Registered: December 05, 2017

FP Mod Chuck

Virtuoso

posted

Hide Post

Deb

I tried several things but was unsuccessful as well. Hopefully someone else has a trick up their sleeves.

Thank you for using Focal Point!

Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats

Posts: 2127 | Location: Customer Support | Registered: April 12, 2005

Ignored post by FP Mod Chuck posted

Show Post

Hallway

Master

posted

Hide Post

You can do it in an HTML file using an HTMLFORM block and CSS.

  
TABLE FILE car
SUM SALES
BY CAR 
BY COUNTRY
BY MODEL
ON TABLE SET STYLE *
INCLUDE=IBFS:/FILE/IBI_HTML_DIR/ibi_themes/Warm.sty,$
ENDSTYLE
END

-HTMLFORM BEGIN NOEVAL
<style>
    body {
        background-image: url('https://pbs.twimg.com/profile_images/932533142958804992/lMa20scK_400x400.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 150px 150px; 
        background-size: 200px 200px;
    }
</style>
-HTMLFORM END

Hallway

Prod: 8202M1

Test: 8202M4

Repository:

OS:

Outputs:

Posts: 608 | Location: Salt Lake City, UT, USA | Registered: November 18, 2015

Ignored post by Hallway posted

Show Post

David Briars

Master

posted

Hide Post

@Deb - Yep, I would always try to use WebFOCUS StyleSheets first. If the WF SS doesn't support watermarks (transparent backgrounds) for HTML reports, no worries, one of the strengths of WF is how you can integrate it with HTML CSS.

@Hallway - Excellent example, it worked perfectly for me.

Here is something I came up with on this theme:

-*
-* Create Sales Report
-*
SET PAGE = NOPAGE
TABLE FILE GGSALES
"Gotham Grinds Coffee Sales"
"Exceeding Expectations"
"One Drip at a Time"
SUM DOLLARS/I9C AS 'Sales'
BY PRODUCT
ON TABLE HOLD AS HLDREPT FORMAT HTMTABLE
IF CATEGORY EQ 'Coffee'
ON TABLE SET STYLE *
 INCLUDE=warm.sty, $
 TYPE = REPORT, COLOR = 'WHITE',$
 TYPE = TITLE, JUSTIFY=CENTER, COLOR = 'WHITE',$
 TYPE = DATA, COLUMN = SEQ_NO, JUSTIFY=CENTER,$
ENDSTYLE
END
-RUN
-*
-* Present Sales Report Web Page to User.
-* Note: Transparent image bottom technique from:
-*  https://www.w3schools.com/howt...e_transparent_bottom
-*
-HTMLFORM BEGIN
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  font-family: Arial;
  font-size: 17px;
}

.container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.container img {vertical-align: middle;}

.container .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.contenttext {
     margin-left: 30%;}
</style>
</head>
<body>
<h2>Responsive Image with Transparent WebFOCUS HTML Report</h2>
<div class="container">
  <img src="https://res.cloudinary.com/dbriars/image/upload/v1552005649/coffeeshop_uehgs6.jpg" alt="Coffee Shop" style="width:100%;">
  <div class="content">
   <div class="contenttext">
    !IBI.FIL.HLDREPT;
  </div>
 </div>
</div>
</body>
</html>
-HTMLFORM END

Posts: 822 | Registered: April 23, 2003

Ignored post by David Briars posted

Show Post

DWaybright

Platinum Member

posted

Hide Post

@Hallway -- Thanks! Your sample worked for me and I should be able to use that in my reports.

WebFOCUS 8.2.03 (production), 8.2.06 (testing)
AppStudio, InfoAssist
Windows, All Outputs

Posts: 183 | Location: Indiana | Registered: December 05, 2017

Ignored post by DWaybright posted

Show Post