CIMPLICITY HTML Files

CIMPLICITY .html files are created for Webspace based on entries that are made in the Create Web Page dialog box on the CIMPLICITY Server. You also can manually modify the values in created .html files. This section provides examples of these HTML files.

Note: On the CIMPLICITY Server, to publish a web page for a CIMPLICITY CimView screen, right-click the CIMPLICITY Options and select Run as Administrator. On the Proficy Webspace tab, click the "Create a Web Page" button. The next dialog box allows you to select the screen that you want and creates a web page for it; if it does not detect the default Webspace directory to place the html file in, you will need to enter it. If it's an Apache server, you will need to browse to the location of the Apache Server; by default, the Apache Server location is: "C:\Program Files (x86)\Apache Software Foundation\Apache2.2\htdocs\ProficyWebspace."
Important: The parameters listed in the HTML file are pulled from a DynamicGlobalViewApplication.js file.  Do not edit the DynamicGlobalViewApplication.js file.

Example HTML File for CimLayout

<!DOCTYPE HTML>
<html style="height:99%">
<head>

<TITLE>Proficy HMI/SCADA CIMPLICITY</TITLE>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
<meta content="utf-8" http-equiv="encoding"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel=stylesheet type="text/css" href="style.css">		
<SCRIPT LANGUAGE="JavaScript1.1" SRC="./version.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1" SRC="logon_PluginFunctions.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1" SRC="DynamicCIMPLICITYApplication.js"></SCRIPT>
<script src='./util.js'></script>
<script src='./handler.js'></script>
		
</head>
<body id="mainbody">
		<div id="mySidenav" class="sidenav" style="display:none">
			<div id="mySidenavContainer" class="sidenavcontainer">
				<div id="helpContainer" help-include-html="help/quickstart.html"></div>
			</div>
		</div>

		<div id="main">	
			<div id="barFrame" style="display:none">
				<span id="notificationFrame"><a href="#" class="bright" id="getApp"></a></span>
				<div class="title"><img src="logo_white.png" height="25"></div>
			</div>
			<div id="msgFrame"></div>	

			<div id="installApp" class="modal">
				<div class="modal-content">
					<div id="dialogFrame" class="dialog"></div>
				</div>
			</div>

			<div id="copyClipboardModal" class="copy-modal">
				<div class="copy-modal-content">
					<span class="close" onClick="closeCopyClipboardDialog()">&times;</span>
					<p>Click Copy to copy this link to the clipboard. You can then paste it into an email or instant message and share it with users.</p>
					<textarea id="copy_text" rows="2" style="width:90%" onClick="this.select();"></textarea><br/>
					<button id="copy" data-copytarget="#copy_text" onClick="copyToClipboard(this)">Copy</button>
				</div>
			</div>
			
			<iframe class="iframecontainer" id="iFrameLogon" width="800px" height="600px" border-style="hidden"></iframe>
		</div>
		<div id="params" name="$CIMVIEWFILEANDPARAMETERS" style="display:none"/>
</body>

<SCRIPT LANGUAGE=javascript >
	loadCIMPLICITYApplication('', '', '', 'Cimlayout', 'Cimlayout ' + document.getElementById('params').getAttribute('name'), 
		 'true', '$COMPRESSIONPARAM', '', '$AUTOCLOSEBROWSERPARAM', 'true', '$AUTOCONFIGPRINTERSPARAM');
</SCRIPT>

</html>

Example HTML File for a CimView Screen

<!DOCTYPE HTML>
<html style="height:99%">
<head>

<TITLE>Proficy HMI/SCADA CIMPLICITY</TITLE>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
<meta content="utf-8" http-equiv="encoding"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel=stylesheet type="text/css" href="style.css">		
<SCRIPT LANGUAGE="JavaScript1.1" SRC="./version.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1" SRC="logon_PluginFunctions.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1" SRC="DynamicCIMPLICITYApplication.js"></SCRIPT>
<script src='./util.js'></script>
<script src='./handler.js'></script>
		
</head>
<body id="mainbody">
		<div id="mySidenav" class="sidenav" style="display:none">
			<div id="mySidenavContainer" class="sidenavcontainer">
				<div id="helpContainer" help-include-html="help/quickstart.html"></div>
			</div>
		</div>

		<div id="main">	
			<div id="barFrame" style="display:none">
				<span id="notificationFrame"><a href="#" class="bright" id="getApp"></a></span>
				<div class="title"><img src="logo_white.png" height="25"></div>
			</div>
			<div id="msgFrame"></div>	

			<div id="installApp" class="modal">
				<div class="modal-content">
					<div id="dialogFrame" class="dialog"></div>
				</div>
			</div>

			<div id="copyClipboardModal" class="copy-modal">
				<div class="copy-modal-content">
					<span class="close" onClick="closeCopyClipboardDialog()">&times;</span>
					<p>Click Copy to copy this link to the clipboard. You can then paste it into an email or instant message and share it with users.</p>
					<textarea id="copy_text" rows="2" style="width:90%" onClick="this.select();"></textarea><br/>
					<button id="copy" data-copytarget="#copy_text" onClick="copyToClipboard(this)">Copy</button>
				</div>
			</div>
			
			<iframe class="iframecontainer" id="iFrameLogon" width="800px" height="600px" border-style="hidden"></iframe>
		</div>
		<div id="params" name="$CIMVIEWFILEANDPARAMETERS" style="display:none"/>
</body>

<SCRIPT LANGUAGE=javascript >
	loadCIMPLICITYApplication('', '', '', 'CimView', 'CimView /noexit ' + document.getElementById('params').getAttribute('name'), 
		 'true', '$COMPRESSIONPARAM', '', '$AUTOCLOSEBROWSERPARAM', 'true', '$AUTOCONFIGPRINTERSPARAM');
</SCRIPT>

</html>