Template

This file is named _SITE.HTML (by convention) and contains standard HTML and VWcms directives delimited by double dollar symbols (i.e. $$).

The HTML is output directly and is used to format the composition of each page.

The substitution directives (e.g. $$CONTENT$$) insert other HTML (etc.) at that point in the output.

This template applies it's structure and format to all pages provided by the site.

Here is the template file used by the Vdub (this) site:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
$$PRAGMA$MSIE_INCLUDE_PERCENT$80$$
<head>
<title>$$DRAFT$$$$TITLE$$</title>
<link rel="icon" type="image/gif" href="/_vdub/vdub.gif" />
<link rel="stylesheet" href="/_vdub/_vwcms.css" type="text/css" />
<link rel="stylesheet" href="/_vdub/_site.css" type="text/css" />
<style type="text/css">
body {
   background-image:url("/_vdub/vdub_bg.jpg");
   background-color:#ededed;
   background-repeat:no-repeat;
}
</style>
</head>
<body onload="if(window.VWcmsOnLoad)VWcmsOnLoad()">
<a name="TOP"></a>
<table class="vdub_site" style="width: 100%;" border="0">
<tr>
<td colspan="2">
<table style="padding-bottom: 0.5em; width: 100%; white-space: nowrap;" border="0">
<tr>
<td style="width: 5%; margin-bottom: 1em; padding-right: 1em;" align="left" valign="bottom"><img style="vertical-align: text-bottom;" src="/_vdub/vdub.gif" alt="" /></td>
<td style="font-size: 300%; letter-spacing: 0pt; vertical-align: bottom; width: 5%; padding-right: 1em;" align="left" valign="bottom">VWcms</td>
<td style="font-size: 180%; white-space: nowrap; vertical-align: bottom; width: 5%; padding-bottom: 0.25em;" align="left" valign="bottom">$$TITLE$$</td>
<td style="vertical-align: bottom; text-align: right; width: 100%;" 
align="right" valign="bottom">$$SEARCH$12$$</td>
<td style="width:100%;">&nbsp;</td>
</tr>
</table>
</td>
<td style="width: 5%;">&nbsp;</td>
</tr>
<tr>
<td style="white-space: nowrap; width: 10%; padding-right: 2em;">
$$TOC$CSS$11$13$10$$
<p style="font-size:70%;">$$PREV$$<span style="padding:0 2em 0 2em;">$$BACK$$</span>$$NEXT$$</p>
<p style="margin-top: 1em;">$$PRINT$*$$</p>
<p style="margin-top: 1em;">$$LOGIN$$</p><p>$$MANAGE$$</p>
</td>
<td style="width:75%;">
<div class="vdub_content">$$CONTENT$$<p>$$PRINT$$&nbsp;&nbsp;$$PRINT$+$$</p></div>
<table class="vdub_footer" border="0">
<tr>
<td style="text-align: left;">$$PREV$$</td>
<td style="text-align: center;">$$TOP$$</td>
<td style="text-align: right;">$$NEXT$$</td>
</tr>
<tr>
<td style="text-align: left; width: 95%;" colspan="3">$$ADVISE$$</td>
</tr>
<tr>
<td style="width: 100%; white-space: nowrap; text-align: right;" colspan="3"><strong>As&nbsp;at:</strong>&nbsp;$$TIME$$&nbsp;&nbsp; <strong>Updated:</strong>&nbsp;$$LASTMOD$$&nbsp;($$AGO$$)</td>
</tr>
</table>
</td>
<td class="vdub_right" style="width: 5%;">&nbsp;</td>
</tr>
<tr>
<td style="white-space:nowrap;" colspan="3" width="100%"><br /></td>
</tr>
</table>
</body>
</html>

Note a variety of substitution directives used throughout:

$$DRAFT$$
$$TITLE$$
$$TOC$$
$$PRINT$$
$$SEARCH$$
$$LOGIN$$
$$MANAGE$$

These have been described in the previous section.

$$MANAGE$$

One of the most important directives, this provides a link for activating the site management and editing interface.

It is best placed in close proximity to $$LOGIN$$ and is not displayed unless the client is logged-in and capable of managing the site.

By default the management and editing interface is displayed where the $$CONTENT$$ directives is used. However when this location is unsuitable it can be explicitly placed using the absolute=X,Y parameter, where X and Y are the window coordinates in pixels from the top left. Such a directive might look like

$$MANAGER$absolute=100,100$$

$$ADVISE$$

Displays informational, warning and error messages generated by the VWcms engine. There should be an instance of this directive somewhere on the site template so that conditions detected by VWcms (e.g. directive errors) can be observed by the site manager (in particular).