How to create a simple Service Portal Widget to display a single field of a recordIssue <!-- div.margin { padding: 10px 40px 40px 30px; } table.tocTable { border: 1px solid; border-color: #e0e0e0; background-color: #fff; } .title { color: #d1232b; font-weight: normal; font-size: 28px; } h1 { color: #d1232b; font-weight: normal; font-size: 21px; margin-bottom: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #cccccc; } h2 { color: #646464; font-weight: bold; font-size: 18px; } h3 { color: #000000; font-weight: bold; font-size: 16px; } h4 { color: #666666; font-weight: bold; font-size: 15px; } h5 { color: #000000; font-weight: bold; font-size: 13px; } h6 { color: #000000; font-weight: bold; font-size:14px; } ul, ol { margin-left: 0; list-style-position: outside; } --> Description This documentation explains how to create a simple Service Portal Widget to display a single field of a record. Procedure Follow the documentation to create a basic widget in the instance. https://docs.servicenow.com/csh?topicname=create-new-widget.html&version=latestSay you want to display Description Field of the record in the widget. You modify the HTML template as follows. <div><div ng-if="data.hasDesc" class="panel b"><div class="panel-heading"><h4 class="panel-title">Description</h4> </div> <div class="panel-body">{{data.desc}}</div></div></div> The Server Script can be modified as follows. (function() { var gr = $sp.getRecord(); data.desc = gr.getValue('description'); data.hasDesc = false; if (!gs.nil(data.desc)) { data.hasDesc = true; console.log('desc: ' + data.desc); }})() Applicable Versions All available versions Additional Information https://docs.servicenow.com/csh?topicname=c_Widgets.html&version=latest