Logo
My Account |  Site Map | Contact Us  
Welcome Guest Search | Active Topics | Sign In | Register

Empty Header gets replaced by Footer Options
System Monitor
Posted: Tuesday, July 10, 2018 1:03:18 PM
Rank: Newbie
Groups: Member

Joined: 4/27/2018
Posts: 1
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; &#160;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; &#160;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; &#160;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; &#160;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; &#160;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 generated
Here is also the HTML as a file

Please let us know if there is a work around, or if there is a fix for that bug.

Thanks.
eo_support
Posted: Wednesday, July 11, 2018 5:59:05 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 20,466
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.


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.