HTML Formatting Coming in Wonky

[Curtis_Pazdar]

Hello Appsheet,

When I open my google doc as HTML it appears in the way that I want. See below snip

And this snip pictured below is how it comes through in an email.

I’m sure I’m doing some obviously wrong like I typically am but if y’all could point what exactly that is I would appreciate it. (I just want my email body to look like the first HTML picture)

Thank you!!

[Suvrutt_Gurjar · Accepted solution]

Hi @Curtis_Pazdar,

As per my understanding, your formatting of Workflow template is getting disturbed in the email received through workflow. If so,please explore if following helps.

You may wish to put all the text that is not within the Google doc table also in a tabular format table. I tried some workflow based test reports with a format similar as yours and got the text well aligned in email as well.

Please see the images below.
Picture 1- Google template with all the text included in various tables in the template.
Please note that even the numbered bullets are in table and those are manually created bullet points. I have purposely kept the tableborders in black color so that one can see how different text is arranged.

Picture 2: Email body with black color borders in the template. The text appears to be well aligned in the email body. It is just that the table borders are appearing.

Picture 3: The email body when the table borders are made white at all places except two tabular formats- customer details and red color large bold text. So essentially, I believe you may get the desired email formatting by including the text in tabular format and making the table borders white wherever only free flowing text needs to appear.

Hope this helps and proves useful…

[Curtis_Pazdar]

Thank you Suvrutt!

[Curtis_Pazdar]

Its looking good thanks to Suvrutt now I am just wondering if anyone else gets this large gap a lot on their emails and if there is anything that can be done to shrink it down. I can use my email format as is now so this is not all that important but maybe there is an easy solution.

[Suvrutt_Gurjar]

Hi @Curtis_Pazdar,

Thank you for the update and good to know that it is useful to you. I believe for reducing gap at the top the top margin in the template doc can be as small as possible.

Community colleagues may have more inputs in this regard.

[retailpartnerco]

Formatting of Workflow, Report, and PDF attachment (Gap at top of email) Tips & Tricks 💡

Hi! I have had issues formatting my workflows until recently. The problem was that there was a huge gap in between the top of my workflow and the top of the email. For anyone who has this problem and wants to fix it, here are 2 simple steps to fix the issue… Make all page margins equal to 0 Make document “A4” in Page Setup Hope this helps someone!

Here is a fix if you have not found one already that has worked wonderfully for me

[Lynn]

Some Info here

help.appsheet.com

Google Docs Email Templates

Using Google Docs email templates.

Template Formatting Tips

The following tips may help you control the appearance of your PDF attachments.

1. Under Format > Line spacing, reduce the line spacing to Single if it is currently larger, such as 1.5 , Double , etc.
2. Under Format > Line spacing, remove Add space before paragraph and Add space after paragraph .
3. Under Format > Paragraph styles , change the header formatting to Normal Text rather than Heading 1 , Heading 2 , etc. Then apply formatting to control the header’s font size, color, boldness, etc.
4. Remove any excess blank lines.
5. Under File > Page setup… , check the page size and margins. For example, consider setting the page size to A4 and reducing the top and bottom margins.