Back Up Next

Enhancing the Screen Files

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.

Title

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:

Title

Horizontal split

HR is a horizontal ruler. It creates a horizontal line on the page.

<HR>               

The display is:

Splitter

Table

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:

Table

Tables allow good positioning while still using proportional fonts, such as Times font in this example.