Rank: Newbie Groups: Member
Joined: 4/27/2018 Posts: 6
|
We have identify an issue which we believe is a bug. In case when header contains some html markup, which renders to nothing ( like <div></div> ) and footer has some actual content(like Page number). Content from footer will be displayed both in header and footer, instead of just footer. Reproducible for both scenarios( header -> footer, footer -> header). Steps to reproduce on EO demo application: Input for demo application: Here is the HTML input
Code: HTML/ASPX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no" /> <title>Email Template</title> <style type="text/css"> body {width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; background-color: #FFFFE0;} #outlook a {padding:0;} .ExternalClass {width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;} a img {border:none;} .image_fix {display:block;} p {margin: 1em 0;} p.bodyText {font-size: 12px!important; margin: 0 0 0.5em 0;} table.mirrorTable { width: 600px !important; margin-right: auto; margin-left: auto; line-height: 100% !important; background-color: #FFFFE0 !important; } table.backgroundTable { width:100% !important; line-height: 100% !important; background-color: #FFFFE0 !important; } table.outerTable { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 10px; width: 580px !important; line-height: 100% !important; background-color: #FFFFFF !important; } table.innerTable { margin: 0; padding:0; width: 580px !important; line-height: 100% !important; background-color: #FFFFFF !important; } table.footer { width: 580px !important; } table.addressWrapper { width: 280px !important; } h2, h4, h5, h6 {color: #Ff7802 !important;} h3 {color: #293991 !important;} h1 a, h2 a, h4 a, h5 a, h6 a {color: #293991 !important; text-decoration: none !important;} h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: #293991 !important; text-decoration: underline !important; } h1 a:visited, h2 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #293991 !important; } table tr td a { color: #Ff7802 !important; text-decoration: none; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } table td {border-collapse: collapse;} table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } .printOnly { display: none; } /* MOBILE TARGETING */ @media only handheld and (min-width : 320px) and (max-device-width: 480px) { a[href^="tel"], a[href^="sms"] { text-decoration: none; color: #Ff7802; pointer-events: none; cursor: default; } .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #Ff7802 !important; pointer-events: auto; cursor: default; } table[class=mirrorTable] { width: 460px !important; } table[class=backgroundTable] { width: 460px !important; } table[class=outerTable] { width: 440px !important; } table[class=innerTable] { width: 440px !important; } table[class=twoColTable] { width: 440px !important; } table[class=footer] { width: 440px !important; } table[class=addressWrapper] { width: 100% !important; } .printOnly { display: none; } } @media only handheld and (max-width : 320px) { a[href^="tel"], a[href^="sms"] { text-decoration: none; color: #Ff7802; pointer-events: none; cursor: default; } .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #Ff7802 !important; pointer-events: auto; cursor: default; } table[class=mirrorTable] { width: 300px !important; } table[class=backgroundTable] { width: 300px !important; } table[class=outerTable] { width: 280px !important; } table[class=innerTable] { width: 280px !important; } table[class=twoColTable] { width: 280px !important; } table[class=footer] { width: 280px !important; } table[class=addressWrapper] { width: 100% !important; } .printOnly { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { a[href^="tel"], a[href^="sms"] { text-decoration: none; color: #Ff7802 !important; pointer-events: none; cursor: default; } .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #Ff7802 !important; pointer-events: auto; cursor: default; } .printOnly { display: none; } } /* PRINT ONLY STYLES */ @media print { /* Force background color printing in chrome and Safari */ * {-webkit-print-color-adjust: exact; } /* hide mirror table */ table.mirrorTable { display: none; } /* make the email print on the full width of the paper */ table.outerTable, table.innerTable, table.footer { width: 100% !important; margin: 0; float: none; } table.innerTable { margin: 0; padding: 0; width: 100% !important; background-color: #FFFFFF !important; float: none; } /* make backgrounds white and add space for the address to be printed */ body { width: 100%; margin: 0; padding: 0; background-color: #ffffff !important; } table.backgroundTable { width:100% !important; background-color: #ffffff !important; } /* LINKS */ /* style links */ a:link, a:visited { text-decoration: underline; color: #FF7802; } /* style text */ p { font-size: 12pt; } .bodyText { font-size: 12pt; } .noprint { display: none; } .printOnly { display: block; } /* Stop images being naughty */ img {border: 0} img { max-width: 100% !important; } /* Page break rules */ /* img { page-break-inside:avoid; page-break-after:avoid; } ul, ol, dl { page-break-before:avoid } h1, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid } p, h1, h3 { orphans: 2; widows: 2; } .bookingSummary { page-break-before:avoid !important; } */ } </style> </head> <body> <!-- Postal template only - name and address --> <table border="0" align="center" cellpadding="0" cellspacing="0" class="backgroundTable" style="page-break-before: always;"> <tr> <td> <table border="0" align="center" cellpadding="10" cellspacing="0" class="mirrorTable"> <tr> <td align="left"> <p align="left" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 100%; margin-top: 10px; margin-bottom: 10px;"> Having trouble viewing this email? <a href='http://www.travelrepublic.co.uk/client/clClientEmail.aspx?Id=7b854e75-b17a-44b1-b133-2fcf063baf23&emailid=351' style='color:#Ff7802; text-decoration: underline;'>View it in your browser</a></p> </td> </tr> </table> <table cellpadding="10" align="center" cellspacing="0" border="0" class="outerTable"> <tr align="center"> <td bgcolor="#FFFFFF"> <table cellpadding="0" cellspacing="0" border="0" align="center" class="innerTable"> <tr class=""> <td align="left"> <img align="left" src="http://www.travelrepublic.co.uk/imagesv3/email/co.uk.jpg" alt="Travel Republic" width="220" height="46" border="0" class="image_fix" style="border: none;outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" title="Travel Republic" /> </td> </tr> <tr> <td height="10"><!-- just some space --></td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0" border="0" width="100%" style="page-break-before: always;"> <tr> <td align="left"> <img align="left" src="http://www.travelrepublic.co.uk/imagesv3/email/co.uk.jpg" alt="Travel Republic" width="220" height="46" border="0" class="image_fix" style="border: none;outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" title="Travel Republic" /> </td> </tr> <tr><td> </td></tr> <tr> <td> <table cellpadding="8" cellspacing="0" border="0" width="100%" align="left" class="mainHeading"> <tr bgcolor="#293991"> <td align="left"> <h1 align="left" style="margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: bold; line-height: 120% !important; color: #FFFFFF;"> Hotel Room Voucher<br /> <span style="font-weight: normal;"> Team America </span> </h1> </td> </tr> </table> </td> </tr> <tr> <td align="left"> <p style="font-family: Verdana, Arial, Helvetica, sans-serif; color: #DC143C !important; font-weight: bold; font-size: 16px;">Present to hotel when checking in</p> <p style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> Hotel / Apartment to be paid by Team America. <br />Extras to be paid locally by the client prior to leaving the accommodation. </p> </td> </tr> <tr> <td align="left"> <h2 style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: #FF7802; margin: 0; text-align: left;">Room 1</h2> <p style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> <strong>Accommodation Provider: </strong> Team America <br /> <strong>Locator Number: </strong>1089162<br /> <strong>Reservation Date: </strong>30/May/2014 05:57 </p> </td> </tr> <tr> <td align="left"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td style="border-bottom: 1px solid #293991;"> </td></tr></table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td> </td></tr></table> <h2 align="left" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; line-height: 24px; color: #293991 !important; margin: 0;">Accommodation</h2> <p align="left" style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> <span style="font-weight: bold;">The Lowell Hotel</span><br /> New York , New York State , USA </p> <p align="left" style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> <strong>Hotel Contact Details:</strong><br /> 28 East 63rd Street, New York, NY , 10065<br /> Email: test@travelrepublic.co.uk </p> </td> </tr> <tr> <td align="left"> <table cellpadding="6" cellspacing="0" border="0" width="100%" align="left"> <tr bgcolor="#FFD7B4" style="border-top: 1px dotted #FF7802; border-bottom: 1px dotted #FF7802;"> <td width="17%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Check-in</strong></td> <td width="17%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Check-out</strong></td> <td width="17%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Duration</strong></td> <td width="17%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Rooms</strong></td> <td width="32%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Guests</strong></td> </tr> <tr bgcolor="#FFF2E6" style="font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; padding-bottom: 2px; border-bottom: 1px dotted #FF7802;"> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;">17 Jun 2014</td> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;">18 Jun 2014</td> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;">1 Night</td> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"> 1 Room </td> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"> 1 Adult 3 Children </td> </tr> </table> </td> </tr> <tr> <td align="left"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left" style="clear: both;"><tr><td height="10"><!-- Just a spacer --></td></tr></table> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left" style="clear: both;"><tr><td> <h3 style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; font-weight: bold; color: #293991 !important; text-decoration: none; text-align: left; margin-bottom: 10px;">Rooms Required</h3> <table class="" width="100%" cellspacing="0" cellpadding="6" border="0" align="left" style="border-top: 1px dotted #FF7802; border-bottom: 1px dotted #FF7802;"> <tr bgcolor="#FFD7B4"> <td align="left" style="border-top: 1px dotted #FF7802; border-bottom: 1px dotted #FF7802;"> <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%;"><strong>Room 1</strong> ONE BEDROOM DELUXE SUITE KING-Room Only </span> </td> </tr> <tr> <td align="left" bgcolor="#FFF2E6"> <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%;"> Lead Guest: Mrs aaasdd ddsdaa <br /> </span> <p style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%;"><strong>Special Requests:</strong> Includes 2 infants. Please ensure there are 2 cots in the room.</p> </td> </tr> </table> </td></tr></table> </td> </tr> <tr> <td align="left"> <table cellpadding="6" cellspacing="0" border="0" width="100%" align="left" style="clear: both;"><tr><td height="10"><!-- Just a spacer --></td></tr></table> </td> </tr> <tr> <td align="left"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left"><tr><td> </td></tr></table> </td> </tr> <tr> <td align="left"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left" style="clear: both;"><tr><td> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left"><tr><td> <p align="left" style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> This voucher is issued on behalf of Team America<br/> Travel Republic act as an agent for Team America. </p> </td></tr></table> </td></tr></table> </td></tr></table> <!-- <br clear="all" /> --> </td> </tr> <tr> <td height="2" style="border-bottom: 1px solid #FF7802;"> </td> </tr> <tr> <td height="10"><!-- just some space --></td> </tr> <tr> <td align="center"> <p align="center" style="margin-top: 0; margin-right: 0; margin-bottom: 0.5em; margin-left: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 130%;"> Travel Republic, Clarendon House, 147 London Road,<br />Kingston upon Thames, Surrey KT2 6NH, UK.</p> <p id="footerURL" align="center" style="margin-top: 0; margin-right: 0; margin-bottom: 0.5em; margin-left: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 130%;"> <strong>Tel:</strong> <span class="mobile_link">020 8974 7200</span> <strong>Fax:</strong> 0208 974 7228 <br /> <strong>Overseas Dial Number: </strong> +44 20 8974 7200<br /> <strong>Website: </strong> <a href="http://www.travelrepublic.co.uk/" target="_blank" style="color: #Ff7802; text-decoration: none;">www.travelrepublic.co.uk</a> <strong>ABTA No: </strong> 43805 </p> </td> </tr> <tr> <td height="10"> <!-- just space --> </td> </tr> </table> <table cellpadding="6" cellspacing="0" border="0" width="100%" class="footer noprint"> <tr bgcolor="#Ff7802"> <td> <p align="left" style="margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;"> ©2014 Travel Republic Limited. All Rights Reserved.</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
Here is the PDF generatedHere is also the HTML as a filePlease let us know if there is a work around, or if there is a fix for that bug. Thanks.
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,218
|
Thanks for reporting the issue. We have confirmed that this is an issue and it will be fixed in our next build. Unfortunately in the mean time the only workaround for now is not to use anything that would generate blank output.
We will reply here again once the new build is posted.
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,218
|
Hello,
This is just to let you know that we have posted a new build that should fix this issue. You can download the new build from our download page. Please take a look and let us know how it goes.
Thanks!
|
Rank: Newbie Groups: Member
Joined: 4/27/2018 Posts: 6
|
Hi
We have verified that the bug is "somewhat fixed", however it still has the wrong outcome.
What we see now is that in case of the same “empty” HTML in the header, the footer content is displayed in the header. So the outcome is a bit different comparing to the previous bug (where in case of “empty” HTML in header, the footer content was put both in header and footer).
Can you please check and let us know if it can be fixed correctly?
Thanks.
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,218
|
Hi,
This is just to let you know that we have posted a new build (2020.0.81) that should resolve this issue. Sorry that it takes a while. Please download the new build from our download page and let us know how it goes.
Thanks!
|