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

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

dkg002165 · ‎03-12-2015

You can send it to your test mailbox or personal email by putting the email ID and enabling send mail in below properties .

/sys_properties_list.do?sysparm_query=name%3Dglide.email.smtp.active%5EORname%3Dglide.email.test.user&sysparm_first_row=1&sysparm_view=