WTL integration of Lightweight HTML layout and rendering engine

c-smile

Rate me:

3.67/5 (32 votes)

10 Oct 20034 min read

254.2K

4.9K

WTL integration of Lightweight HTML layout and rendering engine

htmlayoutdemo.zip
- bin
  - htmlayout.dll
  - wtl_htmlayoutest.exe
- samples.html
  - back.png
  - back.png.def
  - backgrounds.htm
  - backsample
    - backdemo.htm
    - pageback.png
    - pageback.png.def
    - tableback.png
    - tableback.png.def
    - Thumbs.db
  - controls.htm
  - controls2.htm
  - htmlsample.htm
  - Office11
    - index.htm
    - toolbarback.png
    - toolbarback.png.def
  - systemcolors
    - index.htm
    - sample.png
    - sample.png.custom.imgdef
    - sample.png.system.imgdef
  - tables.htm
  - Thumbs.db
  - tile.png
  - tileex.png
  - tileex.png.def
htmlayoutsdk.zip
- htmlayout.dll
- wtl_htmlayoutest.exe
- doc
  - API.htm
  - htmlex.htm
  - images
    - backdst.jpg
    - backsrc.jpg
    - browser.jpg
    - dstback.gif
    - gradientfillsample.jpg
    - ImageColors1.png
    - ImageColors2.png
    - ImageColors3.png
    - inlines.jpg
    - Schema n1.jpg
    - Schema n2.jpg
    - screenshot.jpg
    - simpletilesample.jpg
    - srcback.gif
    - tableboxmodel.jpg
    - tileex.png
    - tileexsample.jpg
  - index.htm
  - logfile.htm
  - notes.htm
- include
- lib
  - htmlayout.lib
  - back.png
  - back.png.def
  - backgrounds.htm
  - backdemo.htm
  - pageback.png
  - pageback.png.def
  - tableback.png
  - tableback.png.def
  - Thumbs.db
  - controls.htm
  - controls2.htm
  - htmlsample.htm
  - index.htm
  - toolbarback.png
  - toolbarback.png.def
  - index.htm
  - sample.png
  - sample.png.custom.imgdef
  - sample.png.system.imgdef
  - tables.htm
  - Thumbs.db
  - tile.png
  - tileex.png
  - tileex.png.def
- samples
  - MFC
    - HtmLayoutView.cpp
    - HtmLayoutView.h
    - MainFrm.cpp
    - MainFrm.h
    - mfchtmlayouttest.clw
    - mfchtmlayouttest.cpp
    - mfchtmlayouttest.dsp
    - mfchtmlayouttest.dsw
    - mfchtmlayouttest.h
    - mfchtmlayouttest.rc
    - ReadMe.txt
    - res
      - about.htm
      - empty.htm
      - hsmile.png
      - hsmile.png.imagedef
      - mfchtmlayouttest.ico
      - mfchtmlayouttest.rc2
      - Toolbar.bmp
    - resource.h
    - StdAfx.cpp
    - StdAfx.h
  - WTL
    - aboutdlg.cpp
    - aboutdlg.h
    - htmlayoutest.cpp
    - htmlayoutest.dsp
    - htmlayoutest.dsw
    - htmlayoutest.h
    - htmlayoutest.rc
    - htmlayoutest.sln
    - htmlayoutest.vcproj
    - htmlayoutestview.cpp
    - htmlayoutestview.h
    - mainfrm.cpp
    - mainfrm.h
    - ReadMe.txt
    - res
      - about.htm
      - about.png
      - aboutover.png
      - aboutpressed.png
      - cellback.imagedef
      - cellback.png
      - empty.htm
      - hsmile.png
      - hsmile.png.imagedef
      - htm00001.htm
      - html1.htm
      - htmlayout.png
      - htmlayoutest.exe.manifest
      - htmlayoutest.ico
      - open.png
      - openover.png
      - openpressed.png
      - opens.png
      - Toolbar.bmp
    - resource.h
    - stdafx.cpp
    - stdafx.h

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor=white>
<DIV align=center><FONT size=5 color=brown>Control types and positioning demonstration</FONT></DIV>
<HR color=brown>
<TABLE cellSpacing=collapse 
       cellPadding=3 width="75%" height="80%" 
       align=center border=1 
       bordercolor=buttonshadow bgcolor=infobackground>
  <TR height=20>
    <TD colspan=2 align=middle background="back.png.def"><FONT size=6 color=navajowhite>Builtin basic "HTML" controls</FONT></TD></TD></TR>
  <TR>
    <TD>textbox</TD>
    <TD width="100%" nowrap>text box (25%):<INPUT id=text1 name=text1 width="25%" minwidth="10"> other one(75%):<INPUT id=text11 name=text11 width="75%" minwidth="10" 
     ></TD>
    </TR>
  <TR>
    <TD>password</TD>
    <TD><INPUT id=password1 type=password name=password1></TD></TR>
  <TR>
    <TD>textarea</TD>
    <TD><TEXTAREA id=TEXTAREA1 name=TEXTAREA1 width="50%">initial test value</TEXTAREA><BR>
      defined having width=50%</TD></TR>
  <TR>
    <TD>radio</TD>
    <TD><DIV>switch #1:<INPUT id=23 type=radio name=checkboxgroup1 checked><FONT color=red>red</FONT>&nbsp;&nbsp;
			   <INPUT id=24 type=radio name=checkboxgroup1><FONT color=green>green</FONT>&nbsp;&nbsp;
			   <INPUT id=25 type=radio name=checkboxgroup1><FONT color=blue>blue</FONT></DIV>
		<DIV>switch #2:<INPUT id=26 type=radio name=checkboxgroup2>ballista&nbsp;&nbsp; 
			   <INPUT id=27 type=radio name=checkboxgroup2>catapult&nbsp;&nbsp;
			   <INPUT id=28 type=radio name=checkboxgroup2 checked>trebuchet</DIV>
			 </TD>
    </TR>
  <TR>
    <TD>checkbox</TD>
    <TD background=back.png.def><INPUT id=checkbox1 type=checkbox name=checkbox1 checked><FONT color=navajowhite><B> Yes, I do need the HtmLayout!</B></FONT></TD></TR>
  <TR>
    <TD>dropdown</TD>
    <TD><SELECT id=select1 name=select1> 
    <OPTION value="123" selected>item 0</OPTION>
    <OPTION value="345">item 1</OPTION>
    <OPTION value="345">item 2</OPTION>
    <OPTION value="345">item 3</OPTION>
    <OPTION value="345">item 4</OPTION>
    <OPTION value="345">item 5</OPTION>
      
    </SELECT></TD></TR>
  <TR>
    <TD>listbox</TD>
    <TD>hello<SELECT id=select2 size=4 name=select2> 
  <OPTION value="123">item 0</OPTION>
  <OPTION value="234">item 1</OPTION>
  <OPTION value="234">item 2</OPTION>
  <OPTION value="234">item 3</OPTION>
  <OPTION value="234">item 4</OPTION>
  <OPTION value="234">item 5</OPTION>
  </SELECT></TD></TR>
  <TR>
    <TD>button</TD>
    <TD><INPUT id=button1 type=button value=Button name=button1></TD></TR></TABLE>
    
<HR color=brown>
<TABLE cellSpacing=collapse 
       cellPadding=3 width="75%" height="20%" 
       align=center border=1 
       bordercolor=buttonshadow bgcolor=infobackground>
  <TR height=20>
    <TD colspan=2 align=middle background="back.png.def"><FONT size=6 color=navajowhite>User defined controls</FONT></TD>
  </TR>
  <TR height=20>
    <TD nowrap>inline controls</TD>
    <TD>datetime:<INPUT id=datetime1 width="100" height="22" type=datetime name=datetime1><BR>
        
    </TD>
  </TR>
  <TR>
	<TD nowrap>block controls<BR>(tree view)</TD>
	<TD width="100%">
	<WIDGET type="treeview" width    ="100%" height="100%" minheight="40" editlabels hasbuttons 
      linesatroot haslines>
	</WIDGET>
	</TD>
  </TR>
</TABLE>
</BODY>
</HTML>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Written By

c-smile

Founder Terra Informatica Software

Canada

Andrew Fedoniouk.

MS in Physics and Applied Mathematics.
Designing software applications and systems since 1991.

W3C HTML5 Working Group, Invited Expert.

Terra Informatica Software, Inc.
http://terrainformatica.com

WTL integration of Lightweight HTML layout and rendering engine

License

Comments and Discussions