cancel
Showing results for 
Search instead for 
Did you mean: 

Custom HTML for Email Notifications

Jonathan_Mak
Champ in-the-making
Champ in-the-making

Hi, is it possible to create email notification templates using custom HTML & CSS markup?

Another related question would be if using email notifications is a reliable way of sending a high volume of emails. We are considering using notifications to send emails whenever receiving an application of some sort. Is there proper redundancy techniques if an email fails to send out? Thanks!

1 REPLY 1

Brian_Miller3
Champ in-the-making
Champ in-the-making

Yes. Use a text notification and have the text be your HTML. I frequently use this for generating a list for a person to say here is the list of stuff that is in X queue for you to process. If you want you can put it in a dynamic expanding table with pop links for each item or just a single link to the work queue. 

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Email</title>


<style>
p.sansserif {
font-family: "Trebuchet MS", Arial, Helvitica, sans-serif;
font-size:14;
}

img.resize {
max-width:100%;
max-height:100%;
}
</style>
</head>

<body>
<table style="max-width: 100%; padding: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; width: 100%;" border="0" cellpadding="20" align="left">
<tbody>
<tr>
<td style="padding: 0 20px; border-bottom: 2px solid #f2f2f2; border-right: 0px solid #f2f2f2; font-family: Arial, Helvetica, sans-serif; background: #5A8AB5; height: 80px; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px;"><table border="0" cellspacing="0" cellpadding="0">
<td><img class="resize" title="Customer" src="https://site/images/logo_white_100px_margins.png" alt="Customer Name"></td>
</tr>
</tbody>
</table>
</table>

&nbsp

<p class="sansserif">

text goes here. %Vproperty

</p>
&nbsp

<p class="sansserif"><a href="https://webserver/appnet/Workflow/WFLogin.aspx?LifeCycleID=%L&QueueID=%Q&DocID=%#">Click here to go to the WorkFlow Queue (Web Viewer)</a></p>
<p class="sansserif"><a href="onbase://wf/lc/?LifeCycleID=%L&QueueID=%Q&docid=%#">Click here to go to the WorkFlow Queue (Unity Viewer)</a></p>
<p class="sansserif"><a href="onbasemobile://workflow?QueueID=%Q">Click here for iPad/iPhone access (Mobile Client)</a></p>
<br>


</body>
</html>