XVCL example - Advanced HTML Form

The purpose of this example is to illustrate how to you can create custom HTML controls and use them as building blocks to create complex HTML documents.

Press F9 to generate HTML content...

Components/classes used in this example

Key properties/technologies illustrated in this example

Implementation details

Sample custom HTML controls are implemented in units LookupEdit.pas and Calendar.pas. Both controls descend from TJvxHTMLCustomDiv class and use HTML tables for their layout.

Main form creates a template of an HTML document (FHTML). It then creates an instance of TJvxHTMLForm class and inserts it into the body of the HTML document. Two instances of TJvxHTMLFieldSet class are created - one for each custom control.

After that an instance of TJvxXMLGenerator class is used to generate HTML content using the template. Generated content is saved in Output.htm file.