crf/views/formPortal.html

<style>
.box{
width:120px;
height:120px;
}

.gold{ background-color: gold; }
.red{ background-color: red; }
.green { background-color: #ecffdc;}
.blue { background-color: #b6d0e2; }
.brown { background-color: #eaddca; }
.orange { background-color: #ffe5b4; }

.large{
	font-size: 30px;
}

.center{
	text-align: center;
}

.stretch{
	padding: 50px;
}
</style>

<table cellspacing="2" cellpadding="5" border="0">
<tr><td>Version: </td><td><strong id="version">0.0</strong></td></tr>
</table>

<div id="formDiv">
</div>

<div id="debugDiv" style="display:none">
	<h3>Debug notes</h3>
	<textarea cols="95" rows="5" id="formStatus">
	</textarea>
</div>


<script type "text/javascript">
window.onload=loadScripts;

function loadScripts(){
  LABKEY.requiresScript(["crfTecant/formPortal.js","crfTecant/debug.js"],init);
}

function init(){
   console.log('Here');
   let config=formPortal.config;
	config.document=document;
	config.div="formDiv";
   debug.document=document;
	debug.debugArea="formStatus";
   //set this to true to enable on-page debug display (otherwise, error messages appear in consloe)
   if (false){
      formPortal.setDebug(debug);
      document.getElementById("debugDiv").style.display="block";
   }
	config.role="crfEditor";
	formPortal.clear();
	formPortal.print("XStarting");
	config.participantField="PatientId";
	formPortal.generateFormArray();
   //formPortal.scriptsLoaded();
}
</script>