notification in table format

Shaik Imran · ‎10-30-2025

How to create a notification in table format

Shaik Imran · 4 weeks ago

<p><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span data-teams="true">${mail_script:im_cic_update_header}</span> </span></p>
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid rgb(136, 136, 140); height: 297.844px;">
<tbody><!-- Table Title -->
<tr style="height: 23.0938px;">
<td style="background-color: rgb(126, 128, 126); color: white; font-size: 1.5em; font-weight: bold; padding: 8px; border: 1px solid rgb(136, 136, 140); height: 23.0938px;" colspan="2"><span style="font-family: Aptos, sans-serif; font-size: 15.0pt;">Critical Incident Communication</span></td>
</tr>
<!-- Priority Banner -->
<tr>
<td style="background-color: ${mail_script:im_cic_priority_color}; color: ${mail_script:im_cic_priority_textcolor}; font-weight: bold; padding: 4px; border: 1px solid #88888c; border-top: none;" colspan="2"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;">Priority ${mail_script:im_cic_priority}</span></td>
</tr>
<!-- Incident hyperlink (WHITE row, no shading) -->
<tr style="height: 22.3958px;">
<td style="border: 1px solid rgb(136, 136, 140); padding: 4px; height: 22.3958px;" colspan="2"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;">${URI_REF}</span></td>
</tr>
<!-- Priority (gray row) -->
<tr style="background-color: rgb(201, 201, 201); height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Priority:</span> ${priority}</span></td>
</tr>
<!-- Start (white row) -->
<tr style="height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Start:</span> ${u_outage_start}</span></td>
</tr>
<!-- Resolved (gray row) -->
<tr style="background-color: rgb(201, 201, 201); height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Resolved:</span> ${u_outage_end}</span></td>
</tr>
<!-- Duration (white row) -->
<tr style="height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Duration:</span> ${mail_script:im_cic_duration}</span></td>
</tr>
<!-- Systems Impacted (gray row) -->
<tr style="background-color: rgb(201, 201, 201); height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Systems Impacted:</span> ${mail_script:im_cic_getAffectedProducts}</span></td>
</tr>
<!-- Description (white row) -->
<tr style="height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Description:</span> ${u_cic_description}</span></td>
</tr>
<!-- Impact to Clients (gray, full width) -->
<tr style="background-color: rgb(201, 201, 201); height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Impact to our Clients:</span> ${u_external_impact}</span></td>
</tr>
<!-- Impact to Employees (white, full width) -->
<tr style="height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Impact to our Employees:</span> ${u_internal_impact}</span></td>
</tr>
<!-- Cause (gray, full width) -->
<tr style="background-color: rgb(201, 201, 201); height: 22.3958px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 22.3958px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Cause:</span> ${u_probable_cause}</span></td>
</tr>
<!-- Resolution Activities (white, full width) --><!--
<tr style="height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Resolution Activities:</span> ${u_resolution_activities}</span></td>
</tr>--> <!-- Completed Actions (white, full width) -->
<tr style="height: 23.0625px;">
<td style="border: 1px solid rgb(136, 136, 140); height: 23.0625px;"><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Completed Actions<br></span> ${u_previous_activities}</span></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<!--<p><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span data-teams="true">${mail_script:im_cic_update}</span></span></p>-->
<p><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span data-teams="true">${mail_script:im_cic_temp_footer}</span> </span></p>
<p><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span data-teams="true">${mail_script:im_cic_reply_to}</span></span></p>
<p><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span data-teams="true">${mail_script:SNO_IM_CIC_sub_restore_pending}</span></span></p>
<p>&nbsp;</p>
<p><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Questions about this Incident? </span>Contact the Critical Incident Communications team at <a href="tel:+12164714888">216-471-4888</a> or reply to this email.</span></p>
<p><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><img src="/sys_attachment.do?sys_id=ff4617bc874d7a10e30898a73cbb35af" width="41" height="33" align="left" hspace="12"></span><span style="font-family: Aptos, sans-serif; font-size: 12.0pt;"><span style="font-weight: bold;">Feedback?&nbsp;</span>We&rsquo;re always looking to continuously improve our communications. Click&nbsp;<a title="https://kbna.sharepoint.com/sites/Incidentteam/_layouts/15/listforms.aspx?cid=YWE5ZDVhOGYtZWIxMy00MTFkLTllNDctMjFjM2JlYTg3Nzdi&amp;ct=1761918126423&amp;or=Teams-HL&amp;nav=NmFkZTdlMmUtYTRmZS00ZjMwLWJiNTQtZDc0NzllYTg0M2Y3&amp;LOF=1&amp;xsdata=MDV8MDJ8fDRjM2E3NjgwYWRjNTQ1MzY0OTBlMDhkZTE4ODM1YTYwfDhjOGFhZGU1MWM0MTQxZGU4ZWEzMTg5ZWUyYjQ4MWIzfDB8MHw2Mzg5NzUxNDk1NjkyNDY5NDl8VW5rbm93bnxWR1ZoYlhOVFpXTjFjbWwwZVZObGNuWnBZMlY4ZXlKRFFTSTZJbFJsWVcxelgwRlVVRk5sY25acFkyVmZVMUJQVEU5R0lpd2lWaUk2SWpBdU1DNHdNREF3SWl3aVVDSTZJbGRwYmpNeUlpd2lRVTRpT2lKUGRHaGxjaUlzSWxkVUlqb3hNWDA9fDF8TDJOb1lYUnpMekU1T2pjek9Ua3dZakEwTFRKaFpEa3ROR1prTmkwNE0yRmlMVFZrWkdZM09UTmhabVF4WVY5aU1XRXdPRFE1TlMwMVpqUXlMVFEyWW1JdE9UZGxNaTB6TjJVell6VXpOVFZrT1RkQWRXNXhMbWRpYkM1emNHRmpaWE12YldWemMyRm5aWE12TVRjMk1Ua3hPREUxTkRrMU9BPT18NTYxNWY3NmZiMDNmNDRlY2YwZWEwOGRlMTg4MzVhNWZ8N2Y3YTAzYmE3YjJmNDQ1YWFiM2Q1ZGZjYzdhNThhOTk%3D&amp;sdata=ZHMwM1h4QVRGNWpRallHemtlcU5MTXlsdW1xVmg3NUJNVllHRUorMitQbz0%3D&amp;ovuser=8c8aade5-1c41-41de-8ea3-189ee2b481b3%2Cjill_mortensen%40keybank.com" href="https://kbna.sharepoint.com/sites/Incidentteam/_layouts/15/listforms.aspx?cid=YWE5ZDVhOGYtZWIxMy00MTFkLTllNDctMjFjM2JlYTg3Nzdi&amp;ct=1761918126423&amp;or=Teams-HL&amp;nav=NmFkZTdlMmUtYTRmZS00ZjMwLWJiNTQtZDc0NzllYTg0M2Y3&amp;LOF=1&amp;xsdata=MDV8MDJ8fDRjM2E3NjgwYWRjNTQ1MzY0OTBlMDhkZTE4ODM1YTYwfDhjOGFhZGU1MWM0MTQxZGU4ZWEzMTg5ZWUyYjQ4MWIzfDB8MHw2Mzg5NzUxNDk1NjkyNDY5NDl8VW5rbm93bnxWR1ZoYlhOVFpXTjFjbWwwZVZObGNuWnBZMlY4ZXlKRFFTSTZJbFJsWVcxelgwRlVVRk5sY25acFkyVmZVMUJQVEU5R0lpd2lWaUk2SWpBdU1DNHdNREF3SWl3aVVDSTZJbGRwYmpNeUlpd2lRVTRpT2lKUGRHaGxjaUlzSWxkVUlqb3hNWDA9fDF8TDJOb1lYUnpMekU1T2pjek9Ua3dZakEwTFRKaFpEa3ROR1prTmkwNE0yRmlMVFZrWkdZM09UTmhabVF4WVY5aU1XRXdPRFE1TlMwMVpqUXlMVFEyWW1JdE9UZGxNaTB6TjJVell6VXpOVFZrT1RkQWRXNXhMbWRpYkM1emNHRmpaWE12YldWemMyRm5aWE12TVRjMk1Ua3hPREUxTkRrMU9BPT18NTYxNWY3NmZiMDNmNDRlY2YwZWEwOGRlMTg4MzVhNWZ8N2Y3YTAzYmE3YjJmNDQ1YWFiM2Q1ZGZjYzdhNThhOTk%3D&amp;sdata=ZHMwM1h4QVRGNWpRallHemtlcU5MTXlsdW1xVmg3NUJNVllHRUorMitQbz0%3D&amp;ovuser=8c8aade5-1c41-41de-8ea3-189ee2b481b3%2Cjill_mortensen%40keybank.com" target="_blank" rel="noopener">here</a> to provide feedback via our short survey.</span></p>
<p><span style="font-family: Aptos, sans-serif; color: red; font-size: 10pt;">KeyBank Internal Only: Do not forward externally.</span></p>