UltraLite ActiveX User's Guide
  Tutorial: An UltraLite Application for Pocket IE

Lesson 4: Create a form interface

The form interface consists of the visual elements of your application. The following procedure explains the form interface in main.htm. You can optionally create a new text file and create the form interface yourself.

To add controls to your project

1. Open c:\tutorial\pie\main.htm in a text editor.

2. Scroll down to the following lines in main.htm.

   <br>
   Customer: <INPUT TYPE="text" NAME="txt_Custname" SIZE=15 MAXLENGTH=40>

   These lines create the text boxes given in the table below.

   Caption	INPUT TYPE	NAME
   Customer:	Text	txt_Custname
   Product:	Text	txt_Prodname
   Quantity:	Text	txt_Quant
   Prince:	Text	txt_Price
   Discount:	Text	txt_Discount
   Status:	Text	txt_Status
   Notes:	Text	txt_Notes

3. Scroll down to the following lines in main.htm.

   <br>
   <INPUT NAME="b_Previous" TYPE="BUTTON" VALUE=" <Back " onClick="MoveBack()">

   These lines create the buttons given in the table below.

   INPUT TYPE	NAME	VALUE	OnClick
   Button	b_Previous	< Back	MoveBack()
   Button	b_Next	Next >	MoveForward()
   Button	b_Approve	Approve...	ApproveOrder()
   Button	b_Deny	Deny...	DenyOrder()
   Button	b_Add	Add...	addNewOrder()
   Button	b_Delete	Delete	deleteOrder()
   Button	b_Synchronize	Synchronize	syncData()