HexaTech: Home of VIEWidget

Dynamic Report/Drawing In-situ Try

Code

VIEWidget Setup

The setup is straight forward: you download the package, put it on your web development machine, and follow the step-by-step guide in the documentation. There is no need to repeat here.

Programming Introduction

After the VIEWidget setup, you are ready to program it. Since the setup is already done on this server, we can program it right here. Before we do that, please know that

You can program directly using physical lengths such as inch or mm.
You can calculate the sizes of VIEWidget objects (such as String, Text, Table etc) before drawing them; or directly draw them with calculated sizes returned. This allows you to draw objects at precise locations with accurate sizes.

Hello World Program

The following Hello World program is self explaining.

    var INCH = control1.getInch();   //or var MM = control1.getMM();
    control1.startDoc();
    control1.drawString(1*INCH, 1*INCH, "Hello World");
    control1.endDoc();
    control1.preview();

Interactive Examples

You can play with the interactive samples below. First examine how the code is written in the Code panel and see the result in the Report panel. If you like, you can modify the code before pressing the Generate Report button.

<ex_default></ex_default>

<ex_helloworld>/***Hello World with Grid***/
var INCH = control1.getInch();
control1.startDoc();
control1.drawGrid(0, 0, 7*INCH, 10*INCH, 7, 10);
control1.drawString(INCH, 0.5*INCH, "Hello World");
control1.endDoc();
control1.preview();
</ex_helloworld>

<ex_drawstrings>/***Draw Strings Stacked Togther***/
var INCH = control1.getInch();
control1.startDoc();
control1.drawPageBorder();
var obj = control1.drawString(INCH, 0.5*INCH, "String 1", "border=true");
obj = control1.drawString(obj.x, obj.y2, "String 2", "border=true");
obj = control1.drawString(obj.x, obj.y2, "String 3", "border=true");
control1.endDoc();
control1.preview();
</ex_drawstrings>

<ex_calcstring>/***Calculate String and Draw a Box around It***/
var INCH = control1.getInch();
control1.startDoc();
control1.drawPageBorder();
var obj = control1.calcString("Calculate string and draw a box around it with drawRect");
obj = control1.drawCalcObject(INCH, 0.5*INCH);
control1.drawRect(obj.x, obj.y, obj.w, obj.h);
control1.endDoc();
control1.preview();
</ex_calcstring>

<ex_multipages>/***Multiple Pages with Page Numbering***/
var INCH = control1.getInch();
control1.setProperty("pageBorder", true);
control1.startDoc();
control1.drawString(INCH, 0.5*INCH, "Hello World from Page 1");
control1.newPage();
control1.drawString(INCH, 0.5*INCH, "Hello World from Page 2");
control1.newPage();
control1.drawString(INCH, 0.5*INCH, "Hello World from Page 3");
control1.drawPageNumbering("%pageNumber% of %pageCount%");
control1.endDoc();
control1.preview();
</ex_multipages>