...
After uploading the new tim.properties and reassigning the task, the email with the subject 'Hello Arlinda' is sent successfully.
...
HTML
Use case: Different text on two level using two mail text properties. We can define mail text via tim.properties or via workflow design properties for a specific node.
Let us define in tim.properties two properties. the property taskmail-text.
| Code Block |
|---|
taskmail-text=<html><head> <style> body {font-family: Arial, sans-serif; color: #323232; background-color: f1f7f7; }table { width: 480px; margin: 16px auto; border-collapse: collapse; } th, td { padding:7px; border: 1px solid #ddd; text-align: left; vertical-align: top; } th { background-color: f1f7f7; font-weight: bold; font-size: 15px; line-height: 20px; } a { text-decoration: none; background-color: #04AA6D; color: white !important; padding:15px; display: inline-block; border-radius: 4px; } </style> </head><body> <table><thead><tr><th colspan="2">Company: ${SYS.CURRENT_USER_COMPANY} </th> </tr> </thead> <tbody> <tr> <th>ID</th> <td>${SYS.TASK_ID}</td> </tr> <tr> <th>TASK NAME</th> <td>${SYS.TASK_NAME}</td> </tr> <tr><th>Date of Assignment</th> <td>${SYS.NOW}</td> </tr> <tr> <th>Priority</th> <td>High</td> </tr> <tr> <th>Workflow</th <td>${SYS.PROCESSDEFINITION_NAME}</td> </tr> </tbody></table> <p style="text-align: center;"> <a href="${SYS.TASKLINK}" target="_blank">Go to Task</a> </p></body></html> |
In activity level it is configured to receive text the HTML content. as soon as the task is assigned.
Code example: how the HTML mail is structured can be seen below.
| Code Block |
|---|
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
color: #323232;
background-color: #f1f7f7;
}
table {
width: 480px;
margin: 16px auto;
border-collapse: collapse;
}
th, td {
padding: 7px;
border: 1px solid #ddd;
text-align: left;
vertical-align: top;
}
th {
background-color: #f1f7f7;
font-weight: bold;
font-size: 15px;
line-height: 20px;
}
a {
text-decoration: none;
background-color: #04AA6D;
color: white !important;
padding: 15px;
display: inline-block;
border-radius: 4px;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th colspan="2">Company: ${SYS.CURRENT_USER_COMPANY}</th>
</tr>
</thead>
<tbody>
<tr>
<th>ID</th>
<td>${SYS.TASK_ID}</td>
</tr>
<tr>
<th>TASK NAME</th>
<td>${SYS.TASK_NAME}</td>
</tr>
<tr>
<th>Date of Assignment</th>
<td>${SYS.NOW}</td>
</tr>
<tr>
<th>Priority</th>
<td>High</td>
</tr>
<tr>
<th>Workflow</th>
<td>${SYS.PROCESSDEFINITION_NAME}</td>
</tr>
</tbody>
</table>
<p style="text-align: center;">
<a href="${SYS.TASKLINK}" target="_blank">Go to Task</a>
</p>
</body>
</html> |
The HTML can also be configured via properties on the workflow for a specific node, on the task mail text field.
...
After the mail is send to user email, it receives a nice looking email as we have provided in the HTML template
...
The HTML email received
...
The
If you click on “Go to Task” button, the link will redirect to the task.
...