FiveTech Support Forums

FiveWin / Harbour / xBase community
Board index FiveWin for Harbour/xHarbour Webview question
Posts: 7317
Joined: Thu Oct 18, 2012 07:17 PM
Webview question
Posted: Wed Nov 27, 2024 08:34 AM
I wish show a html into a webview control I insert on oDlg2 ( second dialog of Tpages control)

it' is possibile show a html ?

sample:
Code (fw): Select all Collapse
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><html><head>
<style type="text/css">
pre{font-family:monospace;font-size:14px;white-space:pre;color:black}
hr{width:100%;border-width:1px 1px 0;border-style:solid;border-color:#c0c0c0;padding:0px;margin:0px;margin-top:5px;margin-bottom:5px;}
h1{font-family:Arial; font-size:24px; font-style:normal} h2{font-family:Arial; font-size:20px; font-style:normal}
h3{font-family:Arial; font-size:16px; font-style:normal}
h1.header{font-family:Arial;font-style:normal;font-weight:normal;padding:0px;margin:0px;margin-top:8px;margin-bottom:5px}
a{font-family:Arial;font-style:normal;color:#0080C0}
img{border:0px;margin:0px;margin-left:3px;margin-right:5px;padding:0px}
table{font-family:'Arial';font-size:14px;width:860px;border:1px solid #0099DD;border-collapse:collapse;}
thead{padding:0px;margin:0px;}
tbody{padding:0px;margin:0px;}
tr{padding:0px;margin:0px;}
td{background-color:White;color:Black;border:1px solid Gray;padding:3px;text-align:center;}
td.bar{background-color:White;color:Black;border:1px solid Gray;padding:3px;font-size:11px;text-align:left}
th{background-color:DeepSkyBlue;text-align:center;color:White;font:bold;padding:3px; border:1px solid gray}
th.th2{background-color:#fff;text-align:center;font:bold;color:#0080C0;padding:3px;border:1px solid #ccc}
table.tableRep{font-family:'Arial';font-size:14px;width:100%;border:0px solid #ccc}
td.tdRep{color:#000;border:0px;border-bottom:1px solid #ddd; padding:3px;text-align:left;}
td.tdRep2{background-color:AliceBlue;color:#000;border:0px;border-bottom:1px solid #ddd; padding:3px;text-align:left;}
th.thRep{background-color:white;text-align:left;color:#666;font:bold;padding:0px; padding-top:5px; padding-bottom:5px;border:0px;border-bottom:2px solid #ccc;}
th.thRep2{font-family:'Arial';font-size:18px;font-weight: normal;background-color:#fff;text-align:left;color:#0070C0;padding:0px; padding-top:5px; padding-bottom:5px;border:0px}
.tabs {width:99%;float:left;list-style:none;position:relative;margin:0px;padding:3px;text-align:left;border:0px;background:silver}
.tabs li {margin:0px;padding:0px;float:left;display:block;}
.tabs input[type='radio'] {position:absolute;top:0;left: -9999px;}
.tabs label {float:left;display:block;margin:1px;padding:5px 15px 5px 15px;font-family:Arial;font-size:15px;font-weight:bold;background:transparent;color:white;cursor:pointer;}
.tabs label:hover {background:steelblue;color:white;}
.tabs .tab-content {z-index:2;display:none;overflow:hidden;width:100%;padding:0px;position:absolute;top:53px;left:0;background:white;}
.tabs [id^='tab']:checked + label {background:steelblue;color:white}
.tabs [id^='tab']:checked ~ [id^='tab-content'] {display: block;}
#up-red{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid red;}
#down-red{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid red;}
#up-green{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid limegreen;}
#down-green{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid limegreen;}
</style>

</head>
<body style="background-color:white">
<pre><table id="table1" style="font-family:Arial; font-size:14px; width:100%;border:1px solid SteelBlue; border-collapse:collapse; border-spacing:0px; background:-webkit-linear-gradient(white,white);border-radius:0px;)"><style>th{background:-webkit-linear-gradient(rgba(238,238,238,1),rgba(204,204,204,1)); border:1px solid Gray; color:Black; border-radius:0px}</style><style>td{background:-webkit-linear-gradient(rgba(255,255,255,1),rgba(235,235,235,1)); border:1px solid Gray; color:Black; border-radius:0px}</style><style>td.bar{background:-webkit-linear-gradient(rgba(255,255,255,1),rgba(235,235,235,1)); border:1px solid Gray; color:Black; border-radius:0px; font-size:11px}</style><thead><tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr></thead><tbody><tr><td>Cell 1</td><td>Cell 2</td><td>Cell 3</td></tr></tbody></table>
</pre>

</body></html>
Since from 1991/1992 ( fw for clipper Rel. 14.4 - Momos)

I use : FiveWin for Harbour March-April 2024 - Harbour 3.2.0dev (harbour_bcc770_32_20240309) - Bcc7.70 - xMate ver. 1.15.3 - PellesC - mail: silvio[dot]falconi[at]gmail[dot]com
Posts: 44158
Joined: Thu Oct 06, 2005 05:47 PM
Re: Webview question
Posted: Wed Nov 27, 2024 09:03 AM

oWebView = TWebView2():New( oPages:aDialogs[ 2 ] )

oWebView:SetHTML( MyHtml() )

regards, saludos

Antonio Linares
www.fivetechsoft.com

Continue the discussion