How to render HTML to see how data would display

richelle_pivec · ‎03-12-2015

I have an email notification (for on-call reminders) that is doing all sorts of wonky stuff. So, I am in the process of rebuilding it from the Out-of-Box notification. Here's my question, what do you use to preview what the html code would look like if it was rendered? I am in Dev, so I can't send the email to myself (as far as I know)...I just want to see what this looks like and wonder what program you use or if there's a way to do it in ServiceNow.

<html><head></head><body><div><div id="schedule"><table><tbody><tr><th align="center">Service-now Support Schedule(s)</th><th align="center">Roster</th><th align="center">Shift</th><th align="center">2015-03-14<div> </div>Saturday</th><th align="center">2015-03-15<div> </div>Sunday</th><th align="center">2015-03-16<div> </div>Monday</th><th align="center">2015-03-17<div> </div>Tuesday</th><th align="center">2015-03-18<div> </div>Wednesday</th><th align="center">2015-03-19<div> </div>Thursday</th></tr><tr><td rowspan="1">ServiceNow Support</td><td rowspan="1">Primary</td><td>00:00:00-23:59:59</td><td class="h8837c1a4580d550027b069c89869034c">Pivec, Richelle (Admin)<br />6123097067</td><td class="h8837c1a4580d550027b069c89869034c">Pivec, Richelle (Admin)<br />6123097067</td><td class="h815fc62cc8d50500f2190526052599f8">Pivec, Richelle<br />6123097067</td><td class="h815fc62cc8d50500f2190526052599f8">Pivec, Richelle<br />6123097067</td><td class="h815fc62cc8d50500f2190526052599f8">Pivec, Richelle<br />6123097067</td><td class="h815fc62cc8d50500f2190526052599f8">Pivec, Richelle<br />6123097067</td></tr></tbody></table></div><div><a href="https://northmemorialdev.service-now.com/ui_page_process.do?sys_id=a4ce24b3bf1011003f07e2c1ac0739ae&...">See your schedule</a></div><style>#schedule table, #schedule th, #schedule td {border-collapse: collapse;border: 1px solid black;text-align: center;padding: 5px;font-size: 10pt;font-family:Arial;}#schedule th {background-color: #767676;color: white;}.h8837c1a4580d550027b069c89869034c{background-color:#BAF2AE;}</style></div><div> </div><div style="display:none">Ref:MSG1998565</div></body></html>

thanks,

Richelle

richelle_pivec · ‎03-12-2015

I found a free site that works great. Just put the code in the top and it renders in the bottom pane: Real-time HTML Editor

View solution in original post

Anurag Tripathi · ‎03-12-2015

you can go to email logs and check send email

-Anurag

richelle_pivec · ‎03-12-2015

Thank you, but I don't see a way to do that as I am in our Development Instance and email sending is turned off.

HugoFirst · ‎03-12-2015

Since your HTML is pretty straightforward and static, I have a thought. Copy the HTML to a text editor and save it to your local computer with an html extention.

Then open that file with IE ( or whatever browser your target audience uses ) and you'll see the rendering.

richelle_pivec · ‎03-12-2015

That worked too. Neat trick. Learn something new every day!

Thanks,

Richelle