Challenge Formatting an Email from Flow Designer

[Sue Frost]

I am building a flow and need to send an email. The only part where I'm stuck is that the email that is created looks significantly different than the email I built.

Email in Flow Designer Action:

Email as previewed:

Here's a snippet of the source code:

<p><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;"><img style="font-family: sans-serif; font-size: 14px; background-color: #f6f6f6;" title="" src="Economical_RB-NoRBall.pngx" alt="" width="203" height="48" align="baseline" border="" hspace="" vspace="" data-original-title="" /></span></p>
<p style="font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Your request has been closed because an approval was rejected or not actioned by the due date.</span></p>
<p style="font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Votre demande a &eacute;t&eacute; ferm&eacute;e car une approbation a &eacute;t&eacute; rejet&eacute;e ou n'a pas &eacute;t&eacute; trait&eacute;e &agrave; la date d'&eacute;ch&eacute;ance.&nbsp;</span></p>
<p style="font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Note:&nbsp;<span class="data_parent_pill" style="display: inline;" contenteditable="false" data-pillvalue="{{fd_transform:74f75faf-31b0-4429-83df-73d58dd76dc1}}"><span class="data_pill  accepts_transform_functions" contenteditable="false" data-pillvalue="{{fd_transform:74f75faf-31b0-4429-83df-73d58dd76dc1}}"><span class="data-pill-content-container"><span class="pills"><span class="pill-text" data-for="ah_tooltipTop" data-tip="action &gt; Approval Status"><span class="pill-start">action</span><span class="pill-arrow"><span class="data-pill-label-caret"><span class="data-pill-label-arrow">➛</span></span></span><span class="pill-end">Approval Status</span></span></span><button id="transform_function_facade_74f75faf-31b0-4429-83df-73d58dd76dc1" class="transform_function_facade no_transform_applied"><span class="inline-script-icon"><span style="display: none;">​</span></span></button></span></span></span></span></p>

I can't figure out a way to clean up for the formatting in the actual email. IMO, what's being sent looks terrible. I'd like to have reliable control over the formatting of the email.

Can anyone point me to a way to clean this up?

[Hitoshi Ozawa]

Hi Sue,

Can change the <p> tags to <div> to decreasing line spacing.

<p><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;"><img style="font-family: sans-serif; font-size: 14px; background-color: #f6f6f6;" title="" src="Economical_RB-NoRBall.pngx" alt="" width="203" height="48" align="bottom" border="" hspace="" vspace="" data-original-title="" /></span></p>
<div style="font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Your request has been closed because an approval was rejected or not actioned by the due date.</span></div>
<div style="font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Votre demande a &eacute;t&eacute; ferm&eacute;e car une approbation a &eacute;t&eacute; rejet&eacute;e ou n'a pas &eacute;t&eacute; trait&eacute;e &agrave; la date d'&eacute;ch&eacute;ance.&nbsp;</span></div>
<p style="font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Note:&nbsp;<span class="data_parent_pill" style="display: inline;" contenteditable="false" data-pillvalue="{{fd_transform:74f75faf-31b0-4429-83df-73d58dd76dc1}}"><span class="data_pill  accepts_transform_functions" contenteditable="false" data-pillvalue="{{fd_transform:74f75faf-31b0-4429-83df-73d58dd76dc1}}"><span class="data-pill-content-container"><span class="pills"><span class="pill-text" data-for="ah_tooltipTop" data-tip="action &gt; Approval Status"><span class="pill-start">action</span><span class="pill-arrow"><span class="data-pill-label-caret"><span class="data-pill-label-arrow">➛</span></span></span><span class="pill-end">Approval Status</span></span></span><button id="transform_function_facade_74f75faf-31b0-4429-83df-73d58dd76dc1" class="transform_function_facade no_transform_applied"><span class="inline-script-icon"><span style="display: none;">​</span></span></button></span></span></span></span></p>

Preview

[Hitoshi Ozawa]

If required to increase line spacing, add "line-height:24px;" (increase or decrease 24) to style.

e.g.

<p><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;"><img style="font-family: sans-serif; font-size: 14px; background-color: #f6f6f6;" title="" src="Economical_RB-NoRBall.pngx" alt="" width="203" height="48" align="bottom" border="" hspace="" vspace="" data-original-title="" /></span></p>
<div style="line-height: 24px; font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Your request has been closed because an approval was rejected or not actioned by the due date.</span></div>
<div style="line-height: 24px; font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Votre demande a &eacute;t&eacute; ferm&eacute;e car une approbation a &eacute;t&eacute; rejet&eacute;e ou n'a pas &eacute;t&eacute; trait&eacute;e &agrave; la date d'&eacute;ch&eacute;ance.&nbsp;</span></div>
<p style="font-family: sans-serif; font-size: 14px;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;">Note:&nbsp;<span class="data_parent_pill" style="display: inline;" contenteditable="false" data-pillvalue="{{fd_transform:74f75faf-31b0-4429-83df-73d58dd76dc1}}"><span class="data_pill  accepts_transform_functions" contenteditable="false" data-pillvalue="{{fd_transform:74f75faf-31b0-4429-83df-73d58dd76dc1}}"><span class="data-pill-content-container"><span class="pills"><span class="pill-text" data-for="ah_tooltipTop" data-tip="action &gt; Approval Status"><span class="pill-start">action</span><span class="pill-arrow"><span class="data-pill-label-caret"><span class="data-pill-label-arrow">➛</span></span></span><span class="pill-end">Approval Status</span></span></span><button id="transform_function_facade_74f75faf-31b0-4429-83df-73d58dd76dc1" class="transform_function_facade no_transform_applied"><span class="inline-script-icon"><span style="display: none;">​</span></span></button></span></span></span></span></p>

[Marc Mouries]

FYI this is fixed in San Diego Patch 4 planned for release in June

[Aman Kumar S]

Awesome!