on 2019 Aug 23 10:15 PM
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.
Request clarification before answering.
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>
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
I never did come up with much better than the standard. Sorry I cannot be much more help.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
| User | Count |
|---|---|
| 10 | |
| 3 | |
| 3 | |
| 3 | |
| 2 | |
| 1 | |
| 1 | |
| 1 | |
| 1 | |
| 1 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.