HTML im Activity Log (ServiceNow)

Um Texte in Journal Fields wie Work Notes oder Comments mit HTML formatieren zu können, muss das [Code]-Tag verwendet werden. Der Einsatz des [Code]-Tags kann allerdings durch das Property glide.ui.security.allow_codetag beschränkt werden (siehe dazu in den ServiceNow Docs: Restrict the CODE tag)

Sofern allerdings die Verwendung des [Code]-Tags zulässig ist, steht HTML im Activity Log nichts im Wege:

current.work_notes = "[code]<b>Das</b> <em>ist</em> ein Beispiel"+
                      "<h3>Work Notes</h3> Eintrag[/code]";

Dieses Beispiel ergibt dann im Activity Log:

Neben einfachen Textformatierungen, wie Fettdruck (<b>), kursiver Druck (<em>) und Überschriften (<h1>, <h2>, <h3>, <h4>, <h5>)  (siehe dazu die Übersicht in der ServiceNow Community), werden auch Links, Tabellen, Style-Tags und vieles mehr unterstützt.

Um eine Tabelle im Activity Log zu erstellen, kann folgender Code verwendet werden:

current.work_notes = '[code]
<h3>List of Incidents from same Caller</h3>
<table>
<tr><th>Incident</th><th>Link</th></tr>
<tr><td>INC0815</td><td>
<a href="/incident.do?sysparm_query=number=INC0815" 
target="_blank">Link zu INC0815</a></td></tr>
<tr><td>INC0816</td><td>
<a href="/incident.do?sysparm_query=number=INC0816" 
target="_blank">Link zu INC0816</a></td></tr>
</table>
[/code]';

Das Ergebnis ist eine Tabelle – vielleicht nicht gerade schön, aber praktisch.

Damit die Tabelle schöner wird, kann noch etwas Styling hinzugefügt werden:

current.work_notes = '[code]
<style> #mb_table {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}

#mb_table td, #mb_table th {
border: 1px solid #ddd;
padding: 8px;
}

#mb_table tr:nth-child(even){background-color: #f2f2f2;}
#mb_table tr:hover {background-color: #ddd;}

#mb_table th {
padding-top: 6px;
padding-bottom: 12px;
text-align: left;
background-color: #ff0000;
color: white;
}
</style>

<h3>List of Incidents from same Caller</h3>

<table id="mb_table">
<tr><th>Incident</th><th>Link</th></tr>
<tr><td>INC0815</td><td>
<a href="/incident.do?sysparm_query=number=INC0815" 
target="_blank">Link zu INC0815</a></td></tr>
<tr><td>INC0816</td><td>
<a href="/incident.do?sysparm_query=number=INC0816" 
target="_blank">Link zu INC0816</a></td></tr>
<tr><td>INC0817</td><td>
<a href="/incident.do?sysparm_query=number=INC0817" 
target="_blank">Link zu INC0817</a></td></tr>
<tr><td>INC0818</td><td>
<a href="/incident.do?sysparm_query=number=INC0818" 
target="_blank">Link zu INC0818</a></td></tr>
</table>

[/code]';

Damit beinhaltet das Activity Log eine Tabelle mit schönem roten Header und einen paar kleinen Effekten: