Enhancing screen files involves adding HTML tags.
You must first set the emulateHTML parameter to 0 in the appname.conf file in order to specify that the HTML server will read HTML code.
The following is a basic input / edit / display form without HTML:
DATABASE formonly SCREEN { Contact id [f001 ] Company id [f002 ] Title [f003 ] First name [f004 ] Middle name [f005 ] Last [f006 ] Suffix [f007 ] Job [f008 ] Dept [f009 ] Telephone [f010 ] Fax [f011 ] E-mail [f012 ] } END ATTRIBUTES f001 = formonly.ctc_id; f002 = formonly.ctc_com_id; f003 = formonly.ctc_title, include=( "", "Dr.", "Miss", "Mr.", "Mrs.", "Ms.", "Prof."); f004 = formonly.ctc_first; f005 = formonly.ctc_middle; f006 = formonly.ctc_last; f007 = formonly.ctc_suffix, include=( "", "I", "II", "III", "IV", "Jr.", "Sr."); f008 = formonly.ctc_job; f009 = formonly.ctc_dept; f010 = formonly.ctc_tel; f011 = formonly.ctc_fax; f012 = formonly.ctc_email; END INSTRUCTIONS DELIMITERS " " END |
The following is the same form with HTML enhancements. The HTML tags are shown in red.
DATABASE formonly SCREEN { <p align="right"> <big><font face="Arial" color="#0000FF"> <strong>Contact</strong></font></big></p> <HR> <TABLE> <TR><TD>id </TD><TD>[f001 ]</TD></TR> <TR><TD>Company id </TD><TD>[f002 ]</TD></TR> <TR><TD>Title </TD><TD>[f003 ]</TD></TR> <TR><TD>First name </TD><TD>[f004 ]</TD></TR> <TR><TD>Middle name </TD><TD>[f005 ]</TD></TR> <TR><TD>Last </TD><TD>[f006 ]</TD></TR> <TR><TD>Suffix </TD><TD>[f007 ]</TD></TR> <TR><TD>Job </TD><TD>[f008 ]</TD></TR> <TR><TD>Dept </TD><TD>[f009 ]</TD></TR> <TR><TD>Telephone </TD><TD>[f010 ]</TD></TR> <TR><TD>Fax </TD><TD>[f011 ]</TD></TR> <TR><TD>E-mail </TD><TD>[f012 ]</TD></TR> </TABLE> } END ATTRIBUTES f001 = formonly.ctc_id; f002 = formonly.ctc_com_id; f003 = formonly.ctc_title, include=( "", "Dr.", "Miss", "Mr.", "Mrs.", "Ms.", "Prof."); f004 = formonly.ctc_first; f005 = formonly.ctc_middle; f006 = formonly.ctc_last; f007 = formonly.ctc_suffix, include=( "", "I", "II", "III", "IV", "Jr.", "Sr."); f008 = formonly.ctc_job; f009 = formonly.ctc_dept; f010 = formonly.ctc_tel; f011 = formonly.ctc_fax; f012 = formonly.ctc_email; END INSTRUCTIONS DELIMITERS " " END |
The following section describes the HTML tags shown in this example.
The first set of tags defines a right aligned paragraph using the Arial font (similar to Helvetica) in blue (#0000FF).
<p align="right"> <big><font face="Arial" color="#0000FF"> <strong>Contact</strong></font></big></p> |
The value #0000FF defines the following color:
The following is an example of the display:
HR is a horizontal ruler. It creates a horizontal line on the page.
<HR> |
The display is:
The TABLE tag creates a new table.
<TABLE> <TR><TD>id </TD><TD>[f001 ]</TD></TR> <TR><TD>Company id </TD><TD>[f002 ]</TD></TR> <TR><TD>Title </TD><TD>[f003 ]</TD></TR> <TR><TD>First name </TD><TD>[f004 ]</TD></TR> <TR><TD>Middle name </TD><TD>[f005 ]</TD></TR> <TR><TD>Last </TD><TD>[f006 ]</TD></TR> <TR><TD>Suffix </TD><TD>[f007 ]</TD></TR> <TR><TD>Job </TD><TD>[f008 ]</TD></TR> <TR><TD>Dept </TD><TD>[f009 ]</TD></TR> <TR><TD>Telephone </TD><TD>[f010 ]</TD></TR> <TR><TD>Fax </TD><TD>[f011 ]</TD></TR> <TR><TD>E-mail </TD><TD>[f012 ]</TD></TR> </TABLE> |
The display is:
Tables allow good positioning while still using proportional fonts, such as Times font in this example.