Hi
When i am adding a table in the send an email action, the table is always not in line with the email body, either too much space between the bottom of the table and the next paragraph, or the words are next to the table. Is there any way to fix it? Thank you!
For example, if i have the below in the setting, the actual email will have 7-8 empty lines until the next paragraph.
Best answer by Jake
View original
+16
Hi
To refine the HTML Table, you need to toggle into HTML Editor mode to edit the HTML
<table style="width: 650px;" cellspacing="1" cellpadding="5" border="0">
+13
Hi
To add to
for example.
Now you can see the table will stretch.
You can then go into the HTML view to give specific values for more tailored view, for example if I want the first row to be smaller again I can use percentages by adding style="width: 25%" to the column you want, this will make that column 25% of the full width of the table as shown below.
+16
Hi
I craft this template for your perusal
All you need to do is to insert the variables into the cells
Toggle to HTML mode. Paste the following code
<p> </p>
<table style="width: 650px;" cellspacing="1" cellpadding="5" border="1">
<tbody>
<tr>
<td style="text-align: center; background-color: Gainsboro;" colspan="3"><strong>Schedule of the Induction Meetings</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>Team</strong></td>
<td style="text-align: center;"><strong>Date and time</strong></td>
<td style="text-align: center;"><strong>Attendee(s)</strong></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td style="background-color: Gainsboro;" colspan="3">In addition, you are invited to meet with our Team fror an Introduction of the</td>
</tr>
</tbody>
</table>
<p> </p>
Toggle off the HTML Mode. You should see the table at above
Tested. Send email to my Outlook
Use
Adjust the HTML Table width to fit your needs. Use fixed width (650px) or dynamic width (100%)
Thanks a lot everyone!! Really appreciate it!
+21
Hi
Please remember to mark the best answer! :)
This was a good share, appreciate it, helped alot! We had to update our email templates to align with internal branding guidelines. I need help making the lines FLAT, and not raised using basic HTML code. All I can find is CSS stuff that isn’t translating in send an email action. :(
+16
Hi
Try adding this.
<table style="width: 650px;border-collapse:collapse;" cellspacing="1" cellpadding="5" border="1">
<p> </p>
<table style="width: 650px;border-collapse:collapse;" cellspacing="1" cellpadding="5" border="1">
<tbody>
<tr>
<td style="text-align: center; background-color: Gainsboro;" colspan="3"><strong>Schedule of the Induction Meetings</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>Team</strong></td>
<td style="text-align: center;"><strong>Date and time</strong></td>
<td style="text-align: center;"><strong>Attendee(s)</strong></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td style="background-color: Gainsboro;" colspan="3">In addition, you are invited to meet with our Team for an Introduction of the</td>
</tr>
</tbody>
</table>
<p> </p>
Tested with JSFiddle.
You may have to tweak code for Outlook client
Here is my issue. I set everything the way I want it, everything at 14 and Lato.
The intent is other users will be using these txt files and pasting them into the “send an email” action as a “template” to use, they will just replace the text in the message body.
It’s difficult because when they paste it in html and switch it back, the empty breaks or spaces resort back to open sans and default size. >:|
After it’s pasted in from a blank canvas using HTML.
Here is the code I’m using for this one, which is simply generated from NAC. Was unclear how to add attributes or properties to force the entire table vs each row. :(
<table style="width: 700px;" cellspacing="1" cellpadding="1" border="0">
<tbody>
<tr>
<td>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">[Message Body Section Start]</span></span></p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Dear Designer, </span></span></p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Please use this template as an example and a guide to visualize what the final output of all emails generated from this system should look like to maintain a cohesive look across all processes/initiatives developed by all users. </span></span></p>
<p> </p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;"><span style="color:#0052a3;"><b>Email Requirements: </b></span></span></span></p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">To maintain compliance with Marketing guidelines and procedures, all emails sent using Nintex Automation Cloud must adhere to the below email guidelines. </span></span></p>
<ul>
<li><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Message Body Requirements are are followed: </span></span>
<ul>
<li><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Font size = 14</span></span></li>
<li><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Family = Lato</span></span></li>
<li><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Style = Regular (primarly use regular. However, you may use bold, italics or underline etc. to emphasis information in the email, as needed.)</span></span></li>
</ul>
</li>
<li><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Header Requirements</span></span>
<ul>
<li><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Font Size = 16</span></span></li>
<li><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Family = Lato</span></span></li>
<li><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Style = Bold</span></span></li>
</ul>
</li>
</ul>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;"><span style="color:#e60000;"><strong>Instructions: </strong></span></span></span></p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Please replace the text illustrated throughout this template in the "Message Body Section Start and Message Body Section End" with text that is specific to your business needs. Reference <a href="https://kbrcorp.sharepoint.com/sites/AutomationDigitalSolutionsMSNintex.P.CORP.IN.CI.US.Team/SitePages/Nintex-Portal.aspx">Nintex Portal</a> to find additional resources regarding workflow design requirements as it relates to email communications.</span></span></p>
<p> </p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">If you have any questions regarding these requirements, please post your question through <a href="https://web.yammer.com/main/org/kbr.com/groups/eyJfdHlwZSI6Ikdyb3VwIiwiaWQiOiIxMzAzNDEwNTI0MTYifQ/all">Nintex Corner</a>.</span></span></p>
<p> </p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Regards, </span></span></p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">Microsoft Cloud Applications Team</span></span></p>
<p><span style="font-size:14px;"><span style="font-family:Lato,Helvetica,Arial,sans-serif;">[Message Body Section End]</span></span></p>
</td>
</tr>
</tbody>
</table>
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.