Courseware Summary Template

Return to Notification Center page.

This is an example of the Courseware Summary Template code used by the SIMbox Notification Center.

 

<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
 <!-- Replace the text within the title element to change the notification mail subject -->
 <title>[ProductName] - Notification Center CourseWare Daily Summary Mail</title>
 <style type="text/css">
 BODY
 {
 font-family: Arial, Helvetica, Sans-Serif;
 margin: 0px;
 padding: 0px;
 background-color: #EFEEE7;
 }
 #SummaryTop
 {
 width: 100%; 
 height: 48px; 
 padding: 0px;
 background: #d8e8fd; /* Old browsers */
 background: -moz-linear-gradient(top, #d8e8fd 0%, #81a9e2 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e8fd), color-stop(100%,#81a9e2)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #d8e8fd 0%,#81a9e2 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #d8e8fd 0%,#81a9e2 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #d8e8fd 0%,#81a9e2 100%); /* IE10+ */
 background: linear-gradient(top, #d8e8fd 0%,#81a9e2 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e8fd', endColorstr='#81a9e2',GradientType=0 ); /* IE6-9 */
 }
 #SummaryIcon
 {
 float: left;
 width: 32px;
 height: 32px;
 margin-top: 0px;
 margin-left: 0px;
 padding: 0px;
 }
 #SummaryTitle
 {
 color: #002157;
 font-size: 18px;
 font-weight: bold;
 float: left;
 height: 24px;
 margin-left: 8px;
 margin-top: 14px;
 display:inline;
 }
 #SummaryContent
 {
 color: black;
 font-size: 12px;
 padding: 8px;
 }
 .SummaryCourseware
 {
 color: black;
 background-color: white;
 -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
 -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
 box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); 
 border-radius: 3px; 
 -moz-border-radius: 3px; 
 -webkit-border-radius: 3px; 
 font-size: 12px; 
 margin-top: 8px;
 margin-bottom: 8px;
 padding: 8px;
 }
 
 .SummaryCoursewareTitle
 {
 color: black;
 font-weight: bold;
 background-repeat: no-repeat;
 font-size: 12px;
 padding: 0px;
 margin-bottom: 0px;
 }
 
 .StudentsDiv
 {
 color: black;
 font-weight: normal;
 background-repeat: no-repeat;
 font-size: 12px;
 padding: 0px;
 margin-bottom: 0px;
 }
 #MainBody
 {
 width:100%;
 height:100%;
 }
 </style>
 </head>
 <body>
 <div id="MainBody">
 <div id="SummaryTop">
 <div id="SummaryIcon"> 
 <img src='[summary_icon.png]' alt="Summery Icon"/> 
 </div>
 <div id="SummaryTitle">
 [ProductName] - Notification Center Courseware Daily Summary Mail
 </div>
 </div>
 <div id="SummaryContent">
 Dear [Recipient.Name],
 <br />
 <br />
 This is a daily summary for all courseware's run on the [ProductName] system today.
 <!--Change the text inside the Courseware Tags to change the body of the message for the summery mail-->
 [Courseware]
 <div class="SummaryCourseware" >
 <div class="SummaryCoursewareTitle">
 The following Students have [Courseware.StatusString] the activity [Courseware.Name]:
 <br />
 </div>
 <!--This returns a list of student names separated with <br/> -->
 <div class="StudentsDiv">
 [Courseware.Students.Name]
 </div>
 <br/>
 The Average Score for this courseware was [Courseware.ScoreAverage].
 </div>
 [/Courseware]
 
 <p>
 <br />
 This summary was created in [ProductName] Notification System on [DateTime.UtcNow] GMT Time
 <br />
 <br />
 Thanks,
 <br />
 [CompanyName] - [ProductName] Notification Center System
 </p>
 <img alt='logo' src='[SIMbox_logo.png]' />
 </div>
 </div>
 </body>
</html>

Return to Notification Center page.