Actions to send emails formatted the same as a page?

Hi,

I have an action to email relevant parties.

My partner on this project asked to be able to preview the email before it is sent.

I can't find a way to do that.

My thought was then to make a detail page and then tailor it to look like the notification, but the styling and abilities of an email trigger is completely different from just building a page.

Has anyone found out how to make a page that looks identical to an email action?

DETAIL PAGE EXAMPL

EMAIL PAGE EXAMPLE

Hi Tim,

You can add HTML code to the email body, but once you click Save, it will lose the coding format, so it's best to keep that code stored separately in case you need to format it differently later on.

I'd suggest adding in some <table> <tr> <td> tags, and some inbuilt styling to format table cell colours to your liking.

Hi Tim, It's not exactly the same, but you can achieve a similar effect using HTML

You can create the formatting you want here and then paste the HTML code into your e-mail, replacing the variables with the ones from your form. Once you save and re-enter your knack e-mail creator, it'll show up as it does in the e-mail and you can then make small adjustments. I used the below code to generate an e-mail that came through that like above, for instance.

<p>Dear Parties,</p>
<p>.....</p>
<h1>View Petition Details</h1>
<table style="float: left; width: 310px; border-color: #969696;" border="4px solid" cellpadding="1px">
<tbody>
<tr style="height: 27.0333px;">
<td style="width: 165; height: 27; background-color: #969696">Petition Number</td>
<td style="width: 165; height: 27;">{Number}</td>
</tr>
<tr style="height: 27px;">
<td style="width: 165; height: 27; background-color: #969696;">Petition date</td>
<td style="width: 165; height: 27;">{Date}</td>
</tr>
<tr style="height: 27px;">
<td style="width: 165; height: 27; background-color: #969696;">Unit</td>
<td style="width: 165; height: 27;">{Unit}</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>