Removing Extra Line Breaks in HTML alerts

Orion is adding extra line breaks into my HTML alert code and I need to know how to fix.

Here is my Alert HTML code..

<html><head><style type="text/css"></style></head><body>Summary:<table class='alert' style="border:3px solid #7DFF7F;border-collapse:collapse;font-family:Verdana;font-size:10pt;"><tr><th colspan="2" style="border-bottom:3px solid #7DFF7F;padding:5px;background-color:#50E349">${Caption} is back up.</th></tr><tr>  <td>Alert: </td>  <td>Orion is reporting ${Caption}: (${IP_Address}) is back up.</td></tr><tr class='alt'><td style="background-color:#50E349;text-align:justify;padding:3px" >Current packet loss  is: </td><td style="background-color:#50E349;text-align:justify;padding:3px" >${PercentLoss}. </td></tr><tr>  <td>Average Response time is:</td>  <td> ${AvgResponseTime} and is varying from ${MinResponseTime} to ${MaxResponseTime}.</td></tr><tr class='alt'><td style="background-color:#50E349;text-align:justify;padding:3px" >Quick Link:</td><td style="background-color:#50E349;text-align:justify;padding:3px" ><A href=${NodeDetailsURL}>Click Here</A></td></tr></table><br>Details:<table class='alert' style="border:3px solid #7DFF7F;border-collapse:collapse;font-family:Verdana;font-size:10pt;">  <tr class='alt'>  <td style="background-color:#50E349;text-align:justify;padding:3px" >Access</td>  <td style="background-color:#50E349;text-align:justify;padding:3px">${Access}</td></tr><tr><td>Account</td><td>${Account}</td></tr><tr class='alt'><td style="background-color:#50E349;text-align:justify;padding:3px">Calix E7 Port</td><td style="background-color:#50E349;text-align:justify;padding:3px">${Calix_E7_Port}</td></tr><tr><td>Calix Node Port</td><td>${Cyan_Node_Port}</td></tr><tr class='alt'><td style="background-color:#50E349;text-align:justify;padding:3px">Circuit ID 1</td><td style="background-color:#50E349;text-align:justify;padding:3px">${CircuitID_1}</td></tr><tr><td>Circuit ID 2</td><td>${CircuitID_2}</td></tr><tr class='alt'>  <td style="background-color:#50E349;text-align:justify;padding:3px" >Contact 1</td>  <td style="background-color:#50E349;text-align:justify;padding:3px">${Contact_1}</td>  </tr>  <tr>  <td>Contact 2</td>  <td>${Contact_2}</td>  </tr>  <tr class='alt'>  <td style="background-color:#50E349;text-align:justify;padding:3px">Address</td>  <td style="background-color:#50E349;text-align:justify;padding:3px">${Address}</td>  </tr>  <tr>  <td>Email</td>  <td>${Email}</td>  </tr><tr class='alt'>  <td style="background-color:#50E349;text-align:justify;padding:3px">Contact Desk Phone</td>  <td style="background-color:#50E349;text-align:justify;padding:3px">${Contact_Desk_Phone}</td>  </tr>  <tr>  <td>Contact Cell Phone</td>  <td>${Contact_Cell_Phone}</td>  </tr>  <tr class='alt'>  <td style="background-color:#50E349;text-align:justify;padding:3px">Equipment</td>  <td style="background-color:#50E349;text-align:justify;padding:3px">${Equipment}</td>  </tr>  <tr>  <td>Smartjack</td>  <td>${SmartJack}</td>  </tr><tr class='alt'>  <td style="background-color:#50E349;text-align:justify;padding:3px">Time of Alert</td>  <td style="background-color:#50E349;text-align:justify;padding:3px">${Time}     ${Date}      ${Day}</td>  </tr>  <tr>  <td> </td>  <td> </td>  </tr></table><p>This email was sent on ${LongDate} ${LongTime}</p><p>Orion Network Performance Monitor ${Year}</p></body></html>

Which should look like this:

But in Outlook 2013 I get this ugly email (notice all of the extra line breaks?):

Find more posts tagged with

network_monitoring

network_management

Accepted answers

jlig

I was able to make it work by removing all whitespace from the code.. works, but not easy to edit later..

<html><head><style type="text/css"></style></head><body>Summary:<table class='alert' style="border:3px solid #7DFF7F;border-collapse:collapse;font-family:Verdana;font-size:10pt;"><tr><th colspan="2" style="border-bottom:3px solid #7DFF7F;padding:5px;background-color:#F5F5F5">${Caption} is back up.</th></tr><tr><td style="border-right-style:solid;border-right-color:#7DFF7F;">Alert</td><td>Orion is reporting ${Caption}: (${IP_Address}) is back up.</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;background-color:#F5F5F5;text-align:justify;padding:3px">Packet loss </td><td style="background-color:#F5F5F5;text-align:justify;padding:3px" >${PercentLoss}</td></tr><tr><td style="border-right-style:solid;border-right-color:#7DFF7F;">Response time</td><td> ${AvgResponseTime} and is varying from ${MinResponseTime} to ${MaxResponseTime}</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;background-color:#F5F5F5;text-align:justify;padding:3px" >Quick Link</td><td style="background-color:#F5F5F5;text-align:justify;padding:3px" ><A href=${NodeDetailsURL}>Click Here</A></td></tr></table><br>Details:<table class='alert' style="border:3px solid #7DFF7F;border-collapse:collapse;font-family:Verdana;font-size:10pt;"><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;">Access</td><td style="text-align:justify;padding:3px">${Access}</td></tr><tr><td bgcolor="#F5F5F5"style="border-right-style:solid;border-right-color:#7DFF7F;">Account</td><td bgcolor="#F5F5F5">${Account}</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;">Calix E7 Port</td><td style="text-align:justify;padding:3px">${Calix_E7_Port}</td></tr><tr><td bgcolor="#F5F5F5"style="border-right-style:solid;border-right-color:#7DFF7F;">Calix Node Port</td><td bgcolor="#F5F5F5">${Cyan_Node_Port}</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;">Circuit ID1</td><td style="text-align:justify;padding:3px">${CircuitID_1}</td></tr><tr><td bgcolor="#F5F5F5"style="border-right-style:solid;border-right-color:#7DFF7F;">Circuit ID2</td><td bgcolor="#F5F5F5">${CircuitID_2}</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;" >Contact 1</td><td style="text-align:justify;padding:3px">${Contact_1}</td></tr><tr><td bgcolor="#F5F5F5"style="border-right-style:solid;border-right-color:#7DFF7F;">Contact 2</td><td bgcolor="#F5F5F5">${Contact_2}</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;">Address</td><td style="text-align:justify;padding:3px">${Address}</td></tr><tr><td bgcolor="#F5F5F5"style="border-right-style:solid;border-right-color:#7DFF7F;">Email</td><td bgcolor="#F5F5F5">${Email}</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;">Contact Desk</td><td style=";text-align:justify;padding:3px">${Contact_Desk_Phone}</td></tr><tr><td bgcolor="#F5F5F5"style="border-right-style:solid;border-right-color:#7DFF7F;">Contact Cell</td><td bgcolor="#F5F5F5">${Contact_Cell_Phone}</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;">Equipment</td><td style=";text-align:justify;padding:3px">${Equipment}</td></tr><tr><td bgcolor="#F5F5F5"style="border-right-style:solid;border-right-color:#7DFF7F;">Smartjack</td><td bgcolor="#F5F5F5">${SmartJack}</td></tr><tr class='alt'><td style="border-right-style:solid;border-right-color:#7DFF7F;">Time of Alert</td><td style="text-align:justify;padding:3px">${Time} ${Date}</td></tr></table><p>This email was sent on ${LongDate} ${LongTime}</p><p>Orion Network Performance Monitor ${Year}</p></body></html>

All comments

jlig

I was able to make it work by removing all whitespace from the code.. works, but not easy to edit later..

dfairles

Please fix this so we can copy and paste from an HTML editor.

jasongreb

I am having the same issue and was afraid this was going to be the fix...

chadsikorra

I just ran into this too. How does something like this go unresolved and ignored for so long? I can see why the line breaks are likely included from a developer perspective, at least for those attempting to create very simple HTML emails or for cases where someone doesn't understand how HTML works. But there should really be three radio options when creating a message for an email alert: HTML (basic), Plain Text, HTML (advanced). The advanced HTML option could then just pass along the raw text string as it is copy/pasted without trying to add additional formatting like line breaks.

casey.carson

I know this has been answered and it helped me figure out my HTML alerts today. What I found that helped me out as well as a website that compressed the HTML for me. I can make my alert in my regular HTML editor then use this page to take all of the whitespace/carriage breaks out. Works well for me, so I hope this will help someone else as well!!

Compress HTML

abdulraheemsidz

Thanks this worked like a charm. After we write our own code in Alert message body, we can use Compress HTML to compress the code and then write the final code in alert message body.

Before compressing the HTML code:

After compressing HTML: