BFMA Symposium 2005 
Amgraf, Inc 
05 Intermediate HTML Forms - NEW 
Track: IS / Field: IS  
Instructor: Mr. Franklin J. Garner, III  - President and CEO, Amgraf, Inc.  
Day: Sunday, May 22  
Time: 3:00 p.m. - 4:30 p.m. - 1.5 hours 
Amgraf, Inc. 
1501 Oak Street 
Kansas City, MO 64108 
(816) 474-4797 
www.amgraf.com  
Page 1 
Add hyperlink to pdf - insert, remove PDF links in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Free C# example code is offered for users to edit PDF document hyperlink (url), like inserting and deleting
add hyperlink to pdf online; add links to pdf in acrobat
Add hyperlink to pdf - VB.NET PDF url edit library: insert, remove PDF links in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Help to Insert a Hyperlink to Specified PDF Document Page
add hyperlink to pdf in preview; adding links to pdf document
BFMA Symposium 2005 
Amgraf, Inc 
This Page Intentionally Left Blank 
Page 2 
VB.NET Create PDF from Word Library to convert docx, doc to PDF in
Change Word hyperlink to PDF hyperlink and bookmark. VB.NET Demo Code for Converting Word to PDF. Add necessary references: RasterEdge.Imaging.Basic.dll.
check links in pdf; add links to pdf online
VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF
Change Excel hyperlink to PDF hyperlink and bookmark. VB.NET Demo Code for Converting Excel to PDF. Add necessary references: RasterEdge.Imaging.Basic.dll.
add page number to pdf hyperlink; adding hyperlinks to a pdf
BFMA Symposium 2005 
Amgraf, Inc 
Intermediate HTML Forms
By Franklin J. Garner, III 
President and CEO 
Amgraf, Inc.
Intermediate HTML Forms Functionality 
As explained in my Introduction to HTML for Forms Professionals class, HTML is a content presentation 
language. HTML tags can be inserted into an ASCII file to specify typefaces, rule lines, and logos. Fillable 
forms are created by using the HTML FormInput, and Select tags to draw fields, dropdown lists, and 
buttons.  
Intermediate HTML forms require an understanding of JavaScript. HTML is great for laying-out a form 
design, but the language unfortunately does not support arithmetic or logical operations. Intelligent forms 
often include logical operations like calculating a sum of two fields. For computation functions, most 
Internet forms designers therefore include JavaScript code inside the HTML form files.  
JavaScript (not related to Java) is a scripting language introduced by Netscape as a general-purpose 
programming language for enhancing Web pages. JavaScript code is embedded as small programs inside a 
web page that are interpreted and executed by the Web client. The forms programmer determines the time 
and nature of the execution, often triggering JavaScript functions by mouse clicks, buttons, or other actions 
from the user. JavaScript functions (like subroutines) can also be called from within a Web document to 
fully control Web browsers, including all the familiar browser attributes. 
In this session, I will demonstrate how to use Amgraf’s OneForm Designer Plus (OFDP) HTML forms 
design software to create onscreen, fillable, database-connected, e-mailable Internet forms. I will “open the 
hood” to show the HTML and JavaScript coding that is produced by the forms design software. Keep in 
mind however that through the latest forms design tools, many functions and features can be implemented 
without needing to know the nuances of HTML, JavaScript, or web server scripts. 
Enhancing HTML Forms with JavaScript 
Following is the HTML registration form demonstrated in the Introduction to HTML for Forms 
Professionals class:  
Page 3 
How to C#: Basic SDK Concept of XDoc.PDF for .NET
You may add PDF document protection functionality into your C# program. Hyperlink Edit. XDoc.PDF for .NET allows C# developers to edit hyperlink of PDF document
pdf hyperlink; c# read pdf from url
VB.NET PDF: Basic SDK Concept of XDoc.PDF
You may add PDF document protection functionality into your VB.NET program. Hyperlink Edit. XDoc.PDF for .NET allows VB.NET developers to edit hyperlink of PDF
add link to pdf file; pdf link open in new window
BFMA Symposium 2005 
Amgraf, Inc 
Now we will make an enhancement to the Last Name field using JavaScript. 
Keystroke Validation Enhancement 
Keystroke validation is a desirable feature in online forms because it can help prevent bad information from 
being submitted. Some of the common types of keystroke validation are Numeric Only, Uppercase Only, 
and counting characters. 
Following is a printout of the HTML file for the Registration Form. HTML and JavaScript codes have been 
inserted to force the field named “LastName” to be all uppercase letters. The changes are highlighted with 
boldface. 
<HTML> 
<HEAD> 
<TITLE> BFMA Symposium Registration Page </TITLE> 
</HEAD> 
<BODY><CENTER> 
<IMG SRC="bfma.jpg" WIDTH="133" HEIGHT="70" BORDER="0"> 
<H1>Symposium Registration Form</H1> 
<HR> 
<FORM METHOD=POST ACTION="http://www.amgraf.com/emailxml/save_emailxml-pl.cgi"> 
<P>Last Name: 
<INPUT TYPE="text" NAME="LastName" onKeyPress="keypress_LastName(event)"
First Name: 
<INPUT TYPE="text" NAME="FirstName"><BR><BR> 
<INPUT TYPE="radio" NAME="BHDT" value="FTA"><LABEL>First Time Attendee</LABEL> 
<INPUT TYPE="radio" NAME="BHDT" value="RA"><LABEL>Repeat Attendee</LABEL><BR> 
<P>Arriving On: 
<SELECT NAME="ArrivalDay"> 
<OPTION>Tuesday</OPTION> 
<OPTION>Wednesday</OPTION> 
<OPTION>Thursday</OPTION> 
<OPTION>Friday</OPTION> 
</SELECT> 
<P>E-Mail Address: 
<INPUT TYPE="text" NAME="EmailAddr"> 
<INPUT TYPE="submit" value="Register Me Please"> 
</FORM> 
<SCRIPT LANGUAGE="JavaScript1.2"> 
<!-- 
function keypress_LastName (evt) { 
evt.keyCode = cnvUCASE(evt.keyCode); 
function cnvUCASE (K) { 
if (K >= 97 && K <= 122) K = K - 32; 
return K; 
// --> 
</SCRIPT> 
</CENTER></BODY> 
</HTML> 
As you can see, the Input tag for the field “LastName” has been enhanced to call a JavaScript function 
named “keypress_LastName” when a key is pressed. From this function another function named 
“cnvUCASE” is called to examine the value of the keyboard character to see if it is in the range of 97-122, 
the ASCII codes for lowercase “a”- “z”. If any of those values are detected, they are modified by 
subtracting 32, which results in the ASCII uppercase “A” – “Z”. Field masking for Social Security numbers 
or telephone numbers is done much the same way.  
I believe that it is counterproductive to include printouts of program coding for every function and feature. 
I will instead focus on the online forms system architecture, and the benefits of forms systems created with 
HTML and JavaScript.
Page 4 
C# Create PDF from Word Library to convert docx, doc to PDF in C#.
Change Word hyperlink to PDF hyperlink and bookmark. C#.NET Sample Code: Convert Word to PDF in C#.NET Project. Add necessary references:
add links pdf document; clickable pdf links
.NET PDF Document Viewing, Annotation, Conversion & Processing
Extract hyperlink inside PDF. PDF Write. Insert text, text box into PDF. Edit, delete text from PDF. Insert images into PDF. Edit, remove images from PDF. Add,
clickable links in pdf; add links to pdf file
BFMA Symposium 2005 
Amgraf, Inc 
Form Containers, Content, and Controls 
An important concept to introduce in an intermediate HTML class is the idea of Form Containers, Content, 
and Controls. HTML forms exist primarily as containers for fill data. The fill data that is keyed or 
computed or retrieved and displayed inside fill fields is called content. The buttons, tabbing order, field 
highlighting, and other navigational functions within the form are called controls. The controls for an 
HTML form also include web server and database connectivity. To successfully implement and deploy 
Internet forms solutions, one must be equipped to create and maintain Form Containers, Content, and 
Controls. 
Although the basic HTML tags allow online forms to be developed with a simple text editor, it is not 
productive to build and maintain an enterprise solution by hand-coding HTML. There are great forms 
design and development tools from several of the companies sponsoring the BFMA Symposium. Form 
development is simplified by using software that automatically converts a form design into HTML code 
while generating the server-side form handler software.  
Creating Database-Connected HTML Forms 
After designing an HTML form, there are several steps necessary to make database connections. For OFDP 
users, these steps are simplified through menu functions and dialog panels that help the form designer to:  
Insert a Submit button 
Insert necessary hidden fields 
Link data tables 
Input tables (Read Only) 
Output tables (Allow Write)  
Link form fields to data table columns 
Identify input Trigger fields 
The first step is to make the I-form submittable by inserting a Submit button. Note that the OFDP Submit 
button uses the “HTML Post” method for transmitting the field name/value pair data to a server script 
URL.  
Several hidden fields must also be inserted onto the I-form so that when the I-form is served to the client, 
navigational information and transaction status are preserved. This insures that the correct next page will be 
presented to the client when a form is submitted.   
Before making database connections, it is important to identify the data tables that are going to be used 
with the I-form. Typically there is an Output table where form fill data is stored. Sometimes there are one 
or more Input tables used to populate fields on the I-form. Oftentimes, an Output table for an I-form is later 
used as an Input table for a subsequent I-form. 
Next, each I-form fill field is linked to a Output data table column name. Some fields may have links to 
both Input and Output tables. In many cases, the I-form field list is used to create a new Output table where 
each I-form field name is mirrored as a table column name.  
Finally, for each input table, there must be a “trigger” event to force a data table record to be retrieved and 
I-form fill fields to be populated. Typically a fill field is designated as a trigger field, and an event occurs 
when the client keys a value (i.e. account number) into the field and presses the tab key. This causes other 
fields (i.e. name and address) to be populated. 
Page 5 
VB.NET Create PDF from PowerPoint Library to convert pptx, ppt to
Export PowerPoint hyperlink to PDF. VB.NET Demo Code for Converting PowerPoint to PDF. Add necessary references: RasterEdge.Imaging.Basic.dll.
adding an email link to a pdf; pdf links
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
Export PowerPoint hyperlink to PDF in .NET console application. C#.NET Demo Code: Convert PowerPoint to PDF in C#.NET Application. Add necessary references:
c# read pdf from url; add links to pdf file
BFMA Symposium 2005 
Amgraf, Inc 
HTML Forms Interface to Web Server 
There is one other significant technical issue to explain. Since fillable forms are most valuable when the 
field content can be captured on a web server, a complete HTML forms design solution must manage the 
web server interfacing. The basic web server functions allow forms to be opened, filled, submitted, and 
saved. These server functions are usually programmed using web server scripting languages such as 
CGI/Perl or ASP. 
web server script is a command list that is executed by an Internet web server to direct the page 
management processes. The forms handler scripts provide the critical link between submittable forms and 
the server database management system. Some of the most common web server scripts are listed below: 
Web Server Scripts 
Forms Handler Scripts 
Open new unfilled form 
Open filled form 
Open flattened form 
Query and retrieve data from tables 
Save submitted form data
For pre-populated forms, the open filled form  script retrieves the appropriate data record and fills the 
necessary form fields before serving the form to the client. For submittable forms, the save submitted form 
data script stores the field data into a table record. For dynamic database view forms, the query and 
retrieve field data sends a query when the client keys in a data value (i.e. account number) and returns data 
values to repopulate multiple form fields. This script can also retrieve a collection of values to populate a 
drop-down list. For field-flattened forms, the open flattened form script retrieves the appropriate data 
record and replaces fill fields with inline text before serving the form to the client.
Another class of scripts assists users and administrators in organizing their forms and building forms-
oriented workflows: 
Client Support Scripts 
Search for records 
List records 
E-mail records 
Administrator Support Scripts 
Create/Drop data tables 
Examine data tables 
Delete records 
Import/Export record data as XML 
User Access Control Scripts 
Manage Login Password/ID 
User Profiles 
Administrative (Who has access to Which forms) 
Workflow Processing Scripts 
Approvals 
Tracking 
Reporting 
Connectivity to other Business Systems
Page 6 
BFMA Symposium 2005 
Amgraf, Inc 
The Components of an Online I-forms System 
An online I-forms system has essentially the same architecture as an e-commerce system, without the 
shopping cart and payment processing modules. Instead, the I-forms system may include expanded 
workflows for digital signatures, form approvals, and tracking. 
Fig. 1 – Diagram of a Typical Online Internet Forms System 
The above architecture is ideal for centralized forms and database management on a large scale, using the 
Internet as the communication medium. This method is typically handled by utilizing the following 
technologies: 
Server-side Relational Database Management System (RDBMS) 
Web Server to Collect and Retrieve Form Field Data  
Internet Forms Repository 
Windows PC’s with the Microsoft Internet Explorer (or compatible) Browser 
The required software components are: 
Relational Database Management System (RDBMS) 
Oracle 
SQL Server 2000 
MySQL
DB2 
Forms Repository 
Save by Classification and Category 
Save by Data Format (HTML, PDF, Word, etc.) 
Maintain Form Versions 
Web Server 
IIS 
Apache 
Page 7 
BFMA Symposium 2005 
Amgraf, Inc 
Demonstration of HTML Forms Database Connectivity 
There are several I-form demonstrations located on Amgraf’s web site at www.amgraf.com
One of the examples is illustrated below.  
In this simple demonstration, there are five consecutive HTML I-forms used to capture and configure 
product information. Each I-form saves the information into a separate Output table. The tables are called 
“Names”, “Colors”, “Cities”, “Price”, and “Products”. 
Fig. 2 - A list box on the I-form instantly updates the contents as new information is submitted. 
The “Show Names in DB” button displays a current list of the data values in the Output table. New fill data 
is stored into the Output table when the user clicks the “Submit” button. 
Fig. 3 - I-forms to Capture a Color and City Location Name. 
Page 8 
BFMA Symposium 2005 
Amgraf, Inc 
Fig. 4 – I-form to Capture Product Prices that will Populate Dropdown List on the Products I-form. 
e Products I-form. The 
ropdown list fields are populated with data captured in the first four I-forms. 
The Output tables from the first four I-forms are now used as Input tables for th
d
Fig. 5 – The Dropdown List Fields on the Configuration I-form contains data from the Input Tables. 
oices. 
he “Show All Configurations” button produces a report that shows the 20 most recent user 
hoices. 
The user can select from the drop-down lists and then click the “Submit Configuration” to save the ch
Clicking t
c
Fig. 6 – Product Configuration Report that contains Data Captured with I-forms
Page 9 
BFMA Symposium 2005 
Amgraf, Inc 
Fig. 7 - I-forms Database Connectivity Diagram for the Online Demonstration. 
Using HTML and PDF Internet Forms Interchangeably 
Amgraf’s OFDP software can also produce PDF forms with database connectivity as described in this 
presentation. OFDP can also generate HTML versions of PDF forms that look and act the same without the 
need to start the Adobe Reader. Amgraf’s server scripts work equally well with both HTML and PDF 
forms. From our experience in helping to implement large-scale I-forms solutions, we have found that there 
are often advantages to using HTML forms along with PDF forms. We believe that HTML forms are best 
suited for: 
Online data collection 
Dynamic database views 
Use with external JavaScript functions 
We recommend PDF forms for: 
Printing 
Field-flattened I-forms 
E-mail attachments 
Archival purposes 
As the screen shots shown below illustrate, there are many similarities between the HTML and PDF I-
forms produced by Amgraf’s OFDP software.
Page 10 
Documents you may be interested
Documents you may be interested