cancel
Showing results for 
Search instead for 
Did you mean: 
Read only

APMTrainingExpiration and APMTrainingOverdue templates

0 Kudos
1,213

Does anyone have any html code they can share or rich text editor ideas to make the expiring and overdue learning notifications look better than what comes with the LMS? I am trying to make the notifications that go to supervisors group the things that each person has overdue or expiring together. I have been able to edit them to a degree where each item/program/requirement that is coming due or overdue is in its own row of an email. But the notifications still are not that user friendly, nor do they look like a great user experience.

Accepted Solutions (0)

Answers (3)

Answers (3)

Matt-Everett
Participant
0 Kudos

I'm a little late but if this is useful to others, feel free to leverage. You it has a link to add the course to the individuals Outlook calendar. If you don't use Outlook you might want to remove. It also leverages some custom text using labels.

ApmTrainingExpiration

------

<html>

<style>

th {text-align: left;

border: 1px solid black;

border-collapse: collapse:

padding-top: 2px;

padding-right: 5px;

padding-bottom: 2px;

padding-left: 5px;

}td {text-align: left;

font-size: 11px;

border: 0px;

border-collapse: collapse:

padding-top: 2px;

padding-right: 5px;

padding-bottom: 2px;

padding-left: 5px;}

table {

border-collapse: collapse;

border: 1px solid black;

}

</style>

<div align="left"><label key="notification.u.EmailHeader3"/></div>

<table border="1" align="center" bgcolor="#ffffff" width="800">

<tr>

<th><label key="label.Name"/></th>

<th><label key="label.Type"/></th>

<th><label key="label.ID"/></th>

<th><label key="label.Title"/></th>

<th><label key="label.Revision"/></th>

<th><label key="label.DueDate"/></th>

<th><label key="label.Instructions"/></th>

</tr><LOOP>

<tr>

<td style="background-color: #dcecd1; border: 1px solid black"><QUAL_STUD_NAME/></td>

<td style="background-color: #dcecd1; border: 1px solid black"><QUAL_CPNT_TYPE_ID/></td>

<td style="background-color: #dcecd1; border: 1px solid black"><a href=<DEEPLINK_NOTIFICATION linkType="ONLINE_CONTENT_STRUCTURE" value="componentID=<URLENCODE value="<QUAL_CPNT_ID/>"/>&componentTypeID=<URLENCODE value="<QUAL_CPNT_TYPE_ID/>"/>&revisionDate=<URLENCODE value="<QUAL_CPNT_REV_DATE_IN_LONG/>"/>"/>><QUAL_CPNT_ID/></a></td>

<td style="background-color: #dcecd1; border: 1px solid black"><QUAL_CPNT_TITLE/></td>

<td style="background-color: #dcecd1; border: 1px solid black"><QUAL_CPNT_REV_DATE/></td>

<td style="background-color: #dcecd1; border: 1px solid black"><a href="https://outlook.office.com/calendar/0/deeplink/compose?body=<label key="notification.u.Outlook"/><br><br><label key="notification.u.Outlook1"/><br><QUAL_CPNT_ID/><br><label key="label.Title"/>:%20<QUAL_CPNT_TITLE/><br><label key="label.DueDate"/>:%20<QUAL_CPNT_DUE_DATE_NO_TIME/><br><br><a href=Link to your LMS><label key="notification.u.Outlook2"/></a>&enddt=<QUAL_CPNT_DUE_DATE_NO_TIME/>&location=<QUAL_CPNT_TYPE_ID/>&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=<QUAL_CPNT_DUE_DATE_NO_TIME/>&subject=<QUAL_CPNT_ID/>&allday=true" target="_blank"><QUAL_CPNT_DUE_DATE_NO_TIME/></a></td>

<td style="background-color: #dcecd1; border: 1px solid black"><QUAL_CPNT_INSTRUCTIONS/></td>

</tr>

</LOOP><LOOP>

<tr>

<td style="background-color: #dcecd1; border: 1px solid black"><FLOATING_STUD_NAME/></td>

<td style="background-color: #dcecd1; border: 1px solid black"><FLOATING_CPNT_TYPE_ID/></td>

<td style="background-color: #dcecd1; border: 1px solid black"><a href=<DEEPLINK_NOTIFICATION linkType="ONLINE_CONTENT_STRUCTURE" value="componentID=<URLENCODE value="<FLOATING_CPNT_ID/>"/>&componentTypeID=<URLENCODE value="<FLOATING_CPNT_TYPE_ID/>"/>&revisionDate=<URLENCODE value="<FLOATING_CPNT_REV_DATE_IN_LONG/>"/>"/>><FLOATING_CPNT_ID/></a></td>

<td style="background-color: #dcecd1; border: 1px solid black"><FLOATING_CPNT_TITLE/></td>

<td style="background-color: #dcecd1; border: 1px solid black"><FLOATING_CPNT_REV_DATE/></td>

<td style="background-color: #dcecd1; border: 1px solid black"><a href="https://outlook.office.com/calendar/0/deeplink/compose?body=<label key="notification.u.Outlook"/><br><br><label key="notification.u.Outlook1"/><br><FLOATING_CPNT_ID/><br><label key="label.Title"/>:%20<FLOATING_CPNT_TITLE/><br><label key="label.DueDate"/>:%20<FLOATING_CPNT_DUE_DATE_NO_TIME/><br><br><a href=Link to your LMS><label key="notification.u.Outlook2"/></a>&enddt=<FLOATING_CPNT_DUE_DATE_NO_TIME/>&location=<FLOATING_CPNT_TYPE_ID/>&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=<FLOATING_CPNT_DUE_DATE_NO_TIME/>&subject=<FLOATING_CPNT_ID/>&allday=true" target="_blank"><FLOATING_CPNT_DUE_DATE_NO_TIME/></a></td>

<td style="background-color: #dcecd1; border: 1px solid black"><FLOATING_CPNT_INSTRUCTIONS/></td>

</tr>

</LOOP><LOOP>

<tr>

<td style="background-color: #c6d4bc; border: 1px solid black"><PROGRAM_STUD_NAME/></td>

<td style="background-color: #c6d4bc; border: 1px solid black"><label key="label.Program"/></td>

<td style="background-color: #c6d4bc; border: 1px solid black"><a href=<DEEPLINK_NOTIFICATION linkType="PROGRAM_DETAILS" value="programID=<URLENCODE value="<PROGRAM_ID/>"/>"/>><PROGRAM_ID/></a></td>

<td style="background-color: #c6d4bc; border: 1px solid black"><PROGRAM_TITLE/></td>

<td style="background-color: #3b4335; border: 1px solid black"></td>

<td style="background-color: #c6d4bc; border: 1px solid black"><PROGRAM_DUE_DATE/></td>

<td style="background-color: #3b4335; border: 1px solid black"></td>

</tr>

</LOOP><LOOP>

<tr>

<td style="background-color: #b0bca7; border: 1px solid black"><REQ_STUD_NAME/></td>

<td style="background-color: #b0bca7; border: 1px solid black"><REQ_TYPE_LABEL/></td>

<td style="background-color: #b0bca7; border: 1px solid black"><REQ_ID/></a></td>

<td style="background-color: #b0bca7; border: 1px solid black"><REQ_QUAL_TITLE/></td>

<td style="background-color: #3b4335; border: 1px solid black"></td>

<td style="background-color: #b0bca7; border: 1px solid black"><REQT_DUE_DATE_ADDED/></td>

<td style="background-color: #3b4335; border: 1px solid black"></td>

</tr>

</LOOP></table>

<label key="notification.u.InitiativeNotification.Initial2"/>

</html>

0 Kudos

I never did come up with much better than the standard. Sorry I cannot be much more help.

CarlyThomas
Product and Topic Expert
Product and Topic Expert
0 Kudos

Hi Janet,

Have you tried checking on the SAP SuccessFactors Community? There are quite a few posts there regarding template customization - I believe those who have the most customized notifications that really incorporate their company's branding are using HTML coding within the source code of the template (<> button).

Here's a sample post: https://community.successfactors.com/t5/Learning-Forum/How-to-change-the-default-font-for-notificati...

And here's the direct link to the Learning Community: https://community.successfactors.com/t5/Learning/ct-p/Learning

I hope this helps!

Carly Thomas

SAP SF & HCM Knowledge Management Global Lead