Solved

Table in Send an email action

  • 5 June 2023
  • 5 replies
  • 77 views

Userlevel 1
Badge +7

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.

 

icon

Best answer by Jake 6 June 2023, 16:47

View original

5 replies

Userlevel 6
Badge +16

Hi @mjliu 

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">

 

Userlevel 4
Badge +11

Hi @mjliu 

 

To add to @Garrett ‘s response, you can set the table to always meet the full width of the email by setting width: to 100%

 

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.

 

 

Userlevel 6
Badge +16

Hi @mjliu 

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>&nbsp;</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>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td style="background-color: Gainsboro;" colspan="3">In addition, you are invited to meet with our&nbsp; Team fror an Introduction&nbsp; of the</td>
</tr>
</tbody>
</table>

<p>&nbsp;</p>

Toggle off the HTML Mode. You should see the table at above

 

Tested. Send email to my Outlook

 

Use @Jake great suggestion of fixing the column width. Thank Jake!!

Adjust the HTML Table width to fit your needs. Use fixed width (650px) or dynamic width (100%)

Userlevel 1
Badge +7

Thanks a lot everyone!! Really appreciate it!

Userlevel 5
Badge +19

Hi @mjliu 
Please remember to mark the best answer! :) 

Reply