I'm currently a C# dotnet automation engineer. One of my tests results output is via email. My tests results output goes through powershell. I'm fairly new to email templates and HTML in general.
It's a simple HTML body with variables that I replace with $EmailBody= $EmailBody.Replace("PassedTests",$Passed) function etc
The whole premise: my script replaces Total tests/Passed/Failed/Skipped with data that I extract from a .trx file after the test run.
My extraction code:
$PassedTests = $testResultsXml.TestRun.ResultSummary.Counters.Passed
$FailedTests = $testResultsXml.TestRun.ResultSummary.Counters.Failed
$SkippedTests = $testResultsXml.TestRun.ResultSummary.Counters.Skipped
$OnlyFailed = $testResultsXml.TestRun.Results.UnitTestResult | Where-Object { $_.outcome -eq "Failed" }
$FailedTestsName = $OnlyFailed.TestName
I have the "Error list" table (picture below) that shows test names if there are any failed tests that in the HTML body
#</td>
</tr>
<!--end img-->
<tr>
<td height="15"></td>
</tr>
<!--title-->
<tr align="center">
<td align="center" style="font-family:
'Open Sans', Arial, sans-serif; font-size:16px;color:#3b3b3b;font-weight: bold;">**ERROR LIST**</td>
</tr>
<!--end title-->
<tr>
<td height="10"></td>
</tr>
<!--content-->
<tr align="center">
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:12px;color:#7f8c8d;line-height: 24px;">NoErrors</td>
</tr>
<!--end content-->
</table>
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
</table>
Now the main question is: is it somehow possible to ONLY show the "Error list" table only IF there are any failed tests? If there are no failed tests it would be great for that table not to be shown at all.
Any kind of help would be greatly appreciated. Thanks!
$EmailBody= $EmailBody.Replace("PassedTests",$Passed)
$EmailBody= $EmailBody.Replace("FailedTests",$Failed)
$EmailBody= $EmailBody.Replace("SkippedTests",$Skipped)
$EmailBody= $EmailBody.Replace("ErrorList",$FailedTestsName)
$Emailattachment = "\TestResults.trx"
You are on the good path.
You just need to extend what you are doing.
Remove the thing that might or might not be in the email (The "errors list" section as it won't be there if there are no error)
Put the section your removed in its own variable
Add a placeholder in your main html template at the location where it is supposed to be (just like you do already so we can do a replace in the html template.
From there, the logic is :
If there are 0 errors, you replace the placeholder from the main template by an empty string (you don't want that placeholder to appear in the final email)
If there are 1 or more error, instead of replacing by your error list, you build a new variable that contain the section you want to append, then you replace its loop by the errors content and finally you replace the placeholder by that section (which contains the error loop)
That would look something like this.
$EmailBody = #'
</td>
</tr>
<!--end img-->
<tr>
<td height="15"></td>
</tr>
**ErrorsTable**
'#
$ErrorListBody = #'
<!--title-->
<tr align="center">
<td align="center" style="font-family:
'Open Sans', Arial, sans-serif; font-size:16px;color:#3b3b3b;font-weight: bold;">**ERROR LIST**</td>
</tr>
<!--end title-->
<tr>
<td height="10"></td>
</tr>
<!--content-->
<tr align="center">
<td align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size:12px;color:#7f8c8d;line-height: 24px;">NoErrors</td>
</tr>
<!--end content-->
</table>
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
</table>
'#
if ($FailedTests.Count -gt 0) {
# inserting errors to the `$ErrorListBody` html segment
$ErrorsHtml = $ErrorListBody.Replace("ErrorList", $FailedTestsName)
# inserting the html segment into the main email
$EmailBody = $EmailBody.Replace("**ErrorsTable**", $ErrorsHtml)
} else {
# Removing the placeholder from the main template.
$EmailBody = $EmailBody.Replace("**ErrorsTable**", '')
}
I have some design requirements for an email template where I have two "challenges":
two columns need to flip to one column
some visible border lines need to be switched from vertical to horizontal
The following shows how it should look (2 columns on the left for desktop, 1 column on the right for mobile):
The whole email is based on responsive tables and the two-column part is implemented as follows right now:
<table cellpadding="5" cellspacing="0"
style="background-color:#F6F6F6; font-size: 14px; color:#58595b; width:100%; border-collapse:collapse;">
<tr><td align="center" valign="top" height="10" colspan=2 style="line-height: 10px; font-size: 10px;"> </td></tr>
<tr>
<td valign="top" style="border-right: 1.5px solid; border-color: #d0d0d0; padding-right:40px; text-align:right; width:42%; vertical-align:top;">
Start point
</td>
<td valign="top" style="padding-left:40px; vertical-align:top;">
<strong>Fri, January 12, 2023 12:00</strong>
<br />
Harbour, Seatown
</td>
</tr>
<tr><td align="center" valign="top" height="10" colspan=2 style="line-height: 10px; font-size: 10px;"> </td></tr>
<tr>
<td valign="top" style="border-right: 1.5px solid; border-color: #d0d0d0; padding-right:40px; text-align:right; width:42%; vertical-align:top;">
End point
</td>
<td valign="top" style="padding-left:40px; vertical-align:top;">
<strong>So, January 18, 2023 10:00</strong>
<br />
Central Station, Capital
</td>
</tr>
<tr><td align="center" valign="top" height="10" colspan=2 style="line-height: 10px; font-size: 10px;"> </td></tr>
</table>
I tried the approach with having a left and a right table (explained here) but the problem is that I do not use fixed widths.
How could I achieve the required design with a responsive mail template?
You will need to use the technique as outlined in the link, but if you want to use percentages instead of fixed widths, then use width="50%".
This is because the technique works on the basic fundamentals of HTML, that if a block doesn't fit in the space available, it will automatically shift underneath.
So to enable the stacking without a fixed pixel width, you will need to add a #media query to force the stacking (otherwise it would not stack).
e.g.
#media (max-width: 620px)
.table-left,.table-right {
width: 100% !important;
}
(The article you link to is a bit outdated: don't use [class=...], just write it out normally. Gmail may strip the entire <style> section if it doesn't like something in it, and this is one of those things it doesn't like.)
I prefer an override (max-width, and !important) because you want everything possible inline, and only to use embedded styles where strictly necessary.
But that's also why it's best to use a fixed pixel width, because some email clients do not respect your embedded styles (styles in the <head>). GANGA emails (one form of Gmail account) fall into this category. Those email clients would not stack even though they may need to, if you fully rely on the #media query for the stacking.
To override the border, put a style on the <td>, and reference it in the #media query, e.g.
#media (max-width: 620px)
.border {
border-right:none!important;
}
.border-top {
border-bottom:1.5px solid #d0d0d0 !important;
}
As one doesn't have the same border structure (they don't both need border-bottom), one of the <td>s will need a different class. Here, I'm expecting the first one, i.e. <td class="border border-top">.
I'm trying to create a pricing recap at the end of a document I'm working on. I would like it to have a dotted line between the item on the left and the price on its right, very much like this :
However, this Index is generated with the createIndex function and I don't have the source HTML for this. And I've been trying since yesterday with differente HTML syntaxes to make it work but it is impossible. My best attempt so far is this one, but I can't automatically set the width of the dotted line :
<table style="width:100%;border-collapse: collapse;">
<tr>
<td style="width:40%;white-space:nowrap;">Item 1</td>
<td style="border-bottom:dotted 1px black;width:45%;"></td>
<td style="text-align:right;width:15%;white-space:nowrap;">Price 1€ HT</td>
</tr>
</table>
I really am stuck here, any advice would be welcome.
In this case you can use a little 'hack'. Unset the width of both texts (resolves to width: auto;) and set the width of the dotted line container to width: 99%;. For this to work you also need to set white-space: nowrap on the text elements, but you already did that.
<table style="width:100%;border-collapse: collapse;">
<tr>
<td style="white-space:nowrap;">Item 1</td>
<td style="border-bottom:dotted 1px black;width:99%"></td>
<td style="text-align:right;white-space:nowrap;">Price 1€ HT</td>
</tr>
</table>
As soon as I started coding responsive emails, I noticed that contiguous images (all with the same original height) in a HTML table row didn't always remain the same height when being responsively scaled. That's a big problem for me because the email layouts that I am working on are image heavy and have to be tightly aligned. Uneven height images break the layout. I eventually came up with the solution presented here: http://am-samples.gear.host/iPhone5S-iO7-issue.html
Navigate to that URL and resize the browser to see the responsive scaling in action.
Here are the main snippets in case you can't navigate to the URL above:
Table that has the contiguous images
<table class="100p" width="100%" cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#7fff00" style="background-color: #7fff00;">
<tr>
<td class="100p" align="center" width="100%" valign="top">
<div>
<table class="100p" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="100p" width="100%" align="left" valign="top">
<span width="26.09375%" style="width: 26.09375%; display: inline-block;">
<img id="ourStory" class="responsiveImage" src="http://am-samples.gear.host/images/bottom-our-story.png" border="0" style="display: block;" />
</span><span width="19.6875%" style="width: 19.6875%; display: inline-block;">
<img id="recipes" class="responsiveImage" src="http://am-samples.gear.host/images/bottom-recipes.png" border="0" style="display: block;" />
</span><span width="25.15625%" style="width: 25.15625%; display: inline-block;">
<img id="seafood" class="responsiveImage" src="http://am-samples.gear.host/images/bottom-seafood.png" border="0" style="display: block;" />
</span><span width="29.0625%" style="width: 29.0625%; display: inline-block;">
<img id="giftCards" class="responsiveImage" src="http://am-samples.gear.host/images/bottom-giftcards.png" border="0" style="display: block;" />
</span>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
CSS classes referenced
.responsiveImage {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
border: none;
}
*[class="100p"] {
width: 100% !important;
height: auto !important;
}
I've stripped the code down to the essentials just to clearly present the issue. If you take a look at the source code, you'll see that the top and bottom black strips are just tables with a black background color. The red strip is actually made up of contiguous images. The original height of all the images is the same. Because of that I expected the height of all the images to scale equally. The table that contains the images has a background color of florescent green. That way, in Litmus, it is easy to see if the height of any of the images is different.
I've tested this solution in Litmus and it works fine on the email clients that I am interested in except two: iPhone 5S (iOS7 and iOS8). Here is a screenshot of the result in iPhone 5S and iOS7 (iOS 8 produces a similar result) : http://am-samples.gear.host/images/iPhone5S-iOS7-issue.jpg
So the problem is that when scaling, sometimes the image heights are not all equal. Any ideas on how to fix this on the iPhone 5S?
Different widths with the same height makes the images a different scale, which means that as they shrink through the 100% w x auto h, they will differ in height.
To retain consistent height/width through mobile I would make sure that the scale is identical. E.g. make all images 100px x 50px. (you can use percents here if you wish too)
The only other option I can really offer from what I see is a defined height to force each to that amount, but in HTML email, this is not likely to be followed by the email clients processors.
I'm working on sending out an html based email, and every time it sends the image src tags and some of the anchor href tags are modified to be relative url's.
Update 2: This is happening between when the body of the email is generated and sent and when it arrives in my inbox.
Update: I am using Postfix on a LAMPP server. In addition, I am using Zend_Mail to send the emails out.
For example, I have a link:
src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/header.jpg"
And it gets rewritten as:
src="../../../../images/email/highpoint_2009_04/header.jpg"
What can cause this to occur and how is it corrected?
Email headers:
Return-Path: <root#example.com>
X-Original-To: gabe#example.com
Delivered-To: gabe#example.com
Received: by mail.example.com (Postfix, from userid 0)
id 6BF012252; Tue, 14 Apr 2009 12:15:20 -0600 (MDT)
To: Gabriel <gabe#example.com>
Subject: Free Map to Sales Success
From: Somebody <info#example.com>
Date: Tue, 14 Apr 2009 12:15:20 -0600
Content-Type: text/html; charset="utf-8"
Content-Transfer-Encoding: multipart/related
Content-Disposition: inline
Message-Id: <20090414181520.6BF012252#mail.example.com>
Original content to be sent out:
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td valign="top">
<a href="http://www.furnituretrainingcompany.com">
<img moz-do-not-send="true" alt="The Furniture Training Company - Know More. Sell More." src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/header.jpg" border="0" height="123" width="600">
</a>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td valign="top"><img alt="Visit us at High Point to receive your free training poster" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/hero.jpg" moz-do-not-send="true" height="150" width="600"><br>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_content_left.jpg" moz-do-not-send="true" height="30" width="30"><br>
</td>
<td bgcolor="#ffffff" valign="top"><font originaltag="yes" style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;" color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><big><small><big><b>See you at Market</b></big><br>
</small></big></big></big></big></font>
<font originaltag="yes" style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;" color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><big><small><br>
</small></big></big></big></big></font><small><font
face="Helvetica, Arial, sans-serif">Visit our space to get your free
Map to Sales Success poster! This unique 24 X 36 color poster is your
guide to developing high volume salespeople with larger tickets. Find
us in the new NHFA Retailer Resource Center located in the Plaza. <br>
<br>
Don’t miss Mark Lacy’s entertaining seminar "Help Wanted! My Sales
Associates Can’t Sell Water to a Thirsty Camel." He’ll reveal powerful
secrets for turning sales associates into furniture experts that will
sell. See him Saturday, April 25th at 11:30 AM in the seminar room of
the
new NHFA Retail Resource Center in the Plaza. <br>
<br>
Stop by our space to learn how our ingenious internet-delivered
training courses are easy to use, guaranteed to work, and cheaper than
the daily donuts. Over 95% report increased sales. <br>
<br>
Plan to see us at High Point. </font></small>
<font originaltag="yes" style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;" color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><big><small><small><br>
<br>
<br>
<br>
</small></small></big></big></big></big></font><small><font
originaltag="yes"
style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;"
color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><small>
</small></big></big></big></font></small>
<img alt="Find out more" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/image_content_left.jpg" moz-do-not-send="true" border="0" height="67" width="326"><br>
<br>
</td>
<td bgcolor="#ffffff" valign="top">
<img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_content_middle.jpg" moz-do-not-send="true" height="28" width="28"><br>
</td>
<td bgcolor="#ffffff" valign="top"><img alt="Roadmap to Sales Success poster" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/image_content_right.jpg" moz-do-not-send="true" height="267" width="186"><br>
<font face="Helvetica, Arial, sans-serif"><small><font originaltag="yes" style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;" color="#000000" size="1"><big><big><big><small><b>Road
Map to Sales Success<br>
</b><br>
</small></big></big></big></font>This beautiful poster is yours
free for simply stopping by and visiting with us at High Point. <span
class="moz-txt-slash">Our space is located inside the </span>new NHFA
Retailer Resource Center in the Plaza Suites, 222 South Main St, 1st
Floor. We will be at market from Sat April 25th until Thur
April 30th. </small></font><br>
</td>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_content_right.jpg"
moz-do-not-send="true" height="30" width="30"><br>
<br>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/disclaimer_divider.jpg"
moz-do-not-send="true" height="25" width="600"><br>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_left.jpg"
moz-do-not-send="true"></td>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_middle.jpg"
moz-do-not-send="true"><br>
<font originaltag="yes"
style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;"
color="#666666" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><big><small><small><small>If
you are not attending the High Point market in April but
would still like to receive a free Road Map to Sales Success poster
visit us on the web at <u><a moz-do-not-send="true"
class="moz-txt-link-abbreviated"
href="http://www.furnituretrainingcompany.com">www.furnituretrainingcompany.com</a></u>,
or to
speak with a Furniture Training Company representative, call toll free
(866) 755-5996. We do not offer free shipping outside of the U.S. and
Canada. Retailers outside of the U.S. and Canada may call for more
information. Limit one free Road Map to Sales Success per company.
Other copies of the poster may be purchased on our web site.<br>
<br>
</small></small></small></big></big></big></big></font> <font
color="#666666"><small><font originaltag="yes"
style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;"
face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><small><small>We
hope you found this message to be useful. However, if you'd
rather not receive future emails of this sort from The Furniture
Training Company, please <a moz-do-not-send="true"
href="http://www.furnituretraining.com/contact">click here to
unsubscribe</a>.<br>
<br>
</small></small></big></big></big></font></small><small><font
originaltag="yes"
style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;"
face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><small><small>©Copyright
2009 The Furniture Training Company.<br>
1770 North Research Park
Way, <br>
North Logan, UT 84341. <br>
All Rights Reserved.</small></small></big></big></big></font></small></font><br>
</td>
<td bgcolor="#ffffff" valign="top"><img alt=""
src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_right.jpg"
moz-do-not-send="true"></td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td bgcolor="#ffffff" valign="top"><img alt=""
src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/footer.jpg"
moz-do-not-send="true"> </td>
</tr>
</tbody>
</table>
<br>
<br>
Content that gets sent:
<table border=3D"0" cellspacing=3D"0" cellpadding=3D"0" width=3D"600" al=
ign=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A<td valign=3D"top"><a href=
=3D"http://www.furnituretrainingcompany.com"> <img src=3D"http://www.fur=
nituretrainingcompany.com/images/email/highpoint_2009_04/header.jpg" bor=
der=3D"0" alt=3D"The Furniture Training Company - Know More. Sell More."=
width=3D"600" height=3D"123" /> </a></td>=0D=0A</tr>=0D=0A</tbody>=0D=
=0A</table>=0D=0A<table border=3D"0" cellspacing=3D"0" cellpadding=3D"0"=
width=3D"600" align=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A<td valign=
=3D"top"><img src=3D"http://www.furnituretrainingcompany.com/images/emai=
l/highpoint_2009_04/hero.jpg" alt=3D"Visit us at High Point to receive y=
our free training poster" width=3D"600" height=3D"150" /><br /></td>=0D=
=0A</tr>=0D=0A</tbody>=0D=0A</table>=0D=0A<table border=3D"0" cellspacin=
g=3D"0" cellpadding=3D"0" width=3D"600" align=3D"center">=0D=0A<tbody>=
=0D=0A<tr>=0D=0A<td valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http:=
//www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer=
_content_left.jpg" alt=3D"" width=3D"30" height=3D"30" /><br /></td>=0D=
=0A<td valign=3D"top" bgcolor=3D"#ffffff"><span style=3D"font-size: xx-s=
mall; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000;">=
<big><big><big><big><small><big><strong>See you at Market</strong></big>=
<br /> </small></big></big></big></big></span> <span style=3D"font-size:=
xx-small; font-family: Verdana,Arial,Helvetica,sans-serif; color: #0000=
00;"><big><big><big><big><small><br /> </small></big></big></big></big><=
/span><small><span style=3D"font-family: Helvetica,Arial,sans-serif;">Vi=
sit our space to get your free Map to Sales Success poster! This unique=
24 X 36 color poster is your guide to developing high volume salespeopl=
e with larger tickets. Find us in the new NHFA Retailer Resource Center=
located in the Plaza. <br /> <br /> Don’t miss Mark Lacy’s=
entertaining seminar "Help Wanted! My Sales Associates Can’t Sell=
Water to a Thirsty Camel." He’ll reveal powerful secrets for turn=
ing sales associates into furniture experts that will sell. See him Satu=
rday, April 25th at 11:30 AM in the seminar room of the new NHFA Retail=
Resource Center in the Plaza. <br /> <br /> Stop by our space to learn=
how our ingenious internet-delivered training courses are easy to use,=
guaranteed to work, and cheaper than the daily donuts. Over 95% report=
increased sales. <br /> <br /> Plan to see us at High Point. </span></s=
mall> <span style=3D"font-size: xx-small; font-family: Verdana,Arial,Hel=
vetica,sans-serif; color: #000000;"><big><big><big><big><small><small><b=
r /> <br /> <br /> <br /> </small></small></big></big></big></big></span=
><small><span style=3D"font-size: xx-small; font-family: Verdana,Arial,H=
elvetica,sans-serif; color: #000000;"><big><big><big><small> </small></b=
ig></big></big></span></small> <a href=3D"http://www.furnituretrainingco=
mpany.com/map"><img src=3D"http://www.furnituretrainingcompany.com/image=
s/email/highpoint_2009_04/image_content_left.jpg" border=3D"0" alt=3D"Fi=
nd out more" width=3D"326" height=3D"67" /></a><br /> <br /></td>=0D=0A<=
td valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituretr=
ainingcompany.com/images/email/highpoint_2009_04/spacer_content_middle.j=
pg" alt=3D"" width=3D"28" height=3D"28" /><br /></td>=0D=0A<td valign=3D=
"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituretrainingcompan=
y.com/images/email/highpoint_2009_04/image_content_right.jpg" alt=3D"Roa=
dmap to Sales Success poster" width=3D"186" height=3D"267" /><br /> <spa=
n style=3D"font-family: Helvetica,Arial,sans-serif;"><small><span style=
=3D"font-size: xx-small; color: #000000;"><big><big><big><small><strong>=
Road Map to Sales Success<br /> </strong><br /> </small></big></big></bi=
g></span>This beautiful poster is yours free for simply stopping by and=
visiting with us at High Point. <span class=3D"moz-txt-slash">Our space=
is located inside the </span>new NHFA Retailer Resource Center in the P=
laza Suites, 222 South Main St, 1st Floor. We will be at market from Sat=
April 25th until Thur April 30th. </small></span><br /></td>=0D=0A<td v=
align=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituretraini=
ngcompany.com/images/email/highpoint_2009_04/spacer_content_right.jpg" a=
lt=3D"" width=3D"30" height=3D"30" /><br /> <br /></td>=0D=0A</tr>=0D=0A=
</tbody>=0D=0A</table>=0D=0A<table border=3D"0" cellspacing=3D"0" cellpa=
dding=3D"0" width=3D"600" align=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A=
<td valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituret=
rainingcompany.com/images/email/highpoint_2009_04/disclaimer_divider.jpg=
" alt=3D"" width=3D"600" height=3D"25" /><br /></td>=0D=0A</tr>=0D=0A</t=
body>=0D=0A</table>=0D=0A<table border=3D"0" cellspacing=3D"0" cellpaddi=
ng=3D"0" width=3D"600" align=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A<td=
valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituretrai=
ningcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_left.jp=
g" alt=3D"" /></td>=0D=0A<td valign=3D"top" bgcolor=3D"#ffffff"><img src=
=3D"http://www.furnituretrainingcompany.com/images/email/highpoint_2009_=
04/spacer_disclaimer_middle.jpg" alt=3D"" /><br /> <span style=3D"font-s=
ize: xx-small; font-family: Verdana,Arial,Helvetica,sans-serif; color: #=
666666;"><big><big><big><big><small><small><small>If you are not attendi=
ng the High Point market in April but would still like to receive a free=
Road Map to Sales Success poster visit us on the web at <span style=3D"=
text-decoration: underline;"><a class=3D"moz-txt-link-abbreviated" href=
=3D"http://www.furnituretrainingcompany.com">www.furnituretrainingcompan=
y.com</a></span>, or to speak with a Furniture Training Company represen=
tative, call toll free (866) 755-5996. We do not offer free shipping out=
side of the U.S. and Canada. Retailers outside of the U.S. and Canada ma=
y call for more information. Limit one free Road Map to Sales Success pe=
r company. Other copies of the poster may be purchased on our web site.<=
br /> <br /> </small></small></small></big></big></big></big></span> <sp=
an style=3D"color: #666666;"><small><span style=3D"font-size: xx-small;=
font-family: Verdana,Arial,Helvetica,sans-serif;"><big><big><big><small=
><small>We hope you found this message to be useful. However, if you'd r=
ather not receive future emails of this sort from The Furniture Training=
Company, please <a href=3D"http://www.furnituretraining.com/contact">cl=
ick here to unsubscribe</a>.<br /> <br /> </small></small></big></big></=
big></span></small><small><span style=3D"font-size: xx-small; font-famil=
y: Verdana,Arial,Helvetica,sans-serif;"><big><big><big><small><small>&co=
py;Copyright 2009 The Furniture Training Company.<br /> 1770 North Resea=
rch Park Way, <br /> North Logan, UT 84341. <br /> All Rights Reserved.<=
/small></small></big></big></big></span></small></span><br /></td>=0D=0A=
<td valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituret=
rainingcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_righ=
t.jpg" alt=3D"" /></td>=0D=0A</tr>=0D=0A</tbody>=0D=0A</table>=0D=0A<tab=
le border=3D"0" cellspacing=3D"0" cellpadding=3D"0" width=3D"600" align=
=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A<td valign=3D"top" bgcolor=3D"#=
ffffff"><img src=3D"http://www.furnituretrainingcompany.com/images/email=
/highpoint_2009_04/footer.jpg" alt=3D"" /></td>=0D=0A</tr>=0D=0A</tbody>=
=0D=0A</table>=0D=0A<p><br /></p><br><hr><a href=3D'http://localhost/ftc=
/app/unsubscribe.php?action=3DoptOut&pid=3D6121&cid=3D19&email=3Dmarkl#f=
urnituretrainingcompany.com'>Click to Unsubscribe</a>
As it turned out, even though when I copied and pasted the content into the application the necessary DOCTYPE, html, and body tags were in place, TinyMCE was stripping those tags. Which explains why the output only showed the content within the body tag.
I was able to fix the url rewrite problem by ensuring that the DOCTYPE, html and body tags were actually all in place.
And I fixed TinyMCE by adding in the fullpage plugin so that it no longer strips those tags from the input.
There is a configuration option "convert_urls" which can be set to false to prevent URLs from being converted too.
Since #Noah are sending expected content as email. Their is no problem with TinyMCE.
Normally images are blocked by mail hosters.
In my case, I was sending html content(with image) to gmail account. Google blockes images in mails.
Google display the following in every email
Images are not displayed. Display images below - Always display
images from xxxx#xxxx.com
Just click on appropriate link to display images.
Thank You,
Aashish