401K Statement - HTML to PDF Example
This example shows how an HTML version of a fictitious 401K contribution report can be converted to PDF in real-time using Highwire™. The document contains an HTML based report that is formatted using nested tables and cascading style sheets, and includes a graph that is generated by PopChart™. You may notice that the pie graph is probably displaying as Flash™ in the HTML version. When the PDF is generated, Highwire™ requests the image as a PDF from PopChart™ and embedds the PDF version of the graph in the final PDF document.
The graph is in a cell in a table, and the Asset Allocation table to the right of the graph is inside of another cell. This is an example of Highwire's support for nested tables.
The HTML also links to another file called account_header_footer.txt which contains Highwire™ specific tags for page margins. It also includes headers and footers with two header and two footer definitions. One of the footers also includes an image. These special tags can be in the main HTML page or linked to as in this example. They are ignored by the browser.
This example also shows how table header rows will be replicated at the top of the new page when the table spans page breaks in the generated PDF version. Header rows contents are identified by the use of <th> tags in the HTML table instead of <td> tags. The Contribution table, which will break across the page, has one header row defined.
The complete PDF version of the 401K Statement generated by Highwire™ is just under 20K in size.
The JSP that generates this example is part of the evaluation download. It can be found in the dev_tools\embedder\java\examples\Doc_Gen_401k folder under Corda60 after you install.
To generate the PDF, go back to the html version of the 401K Statement report and click on either the Generate PDF version link or the Highwire™ button.
<< BackNote: The PDF will be generated in real time when you click the link or button. It is not a static cached version.
CORDA