Purpose
Display an HTML page transparently so that the SAP GUI background remains visible

Solution
In the HTML tag,  set the background color to "transparent":

And in the WebView command add the -transparent option:

WebView    ....   -transparent

Example
In transaction VA01, we add an HTML page that allows the user to select the sales area and the sales office by clicking on a region displayed in a map:

Quartz Theme

SAP Signature Theme

 

Without the "transparent" option, the HTML page is displayed with the default white background. Also, since it is a bit too large to fit in the SAP GUI box, it overlaps the box's frame:

Without "transparent" option 

 

GuiXT Script

GuiXT 

BoxSize   G[Organizational Data]   (9,94)
WebView   (4.8,45)  (13.7,96.1)    "worldmap.html" _
  name="worldmap" -transparent -closeOnHide
connectHTML name="worldmap"

HTML





    "Content-Type" 
            content="text/html; charset=utf-8">

    Select the sales area

    


"background-color: transparent; margin: 0px;">

    "worldmap.png" style='width: 320px; height: 160px;' 
         usemap="#worldmap">
    "worldmap">
        "North America" 
                onclick='select_salesarea("1710,10,00,170")' 
                shape="poly" coords="...">
        "South America" 
                onclick='select_salesarea("1020,20,00,212")' 
                shape="poly" coords="...">
        "Europe" 
                onclick='select_salesarea("1010,10,00,100")' 
                shape="poly" coords="...">
        "Africa" 
                onclick='select_salesarea("1050,10,00,500")' 
                shape="poly" coords="...">
        "Asia" 
                onclick='select_salesarea("1060,10,00,380")' 
                shape="poly" coords="...">
        "Australia" 
                onclick='select_salesarea("1070,10,00,160")' 
                shape="poly" coords="...">


Download

You can download the required files here: worldmap.zip


Components
 InputAssistant + Controls