How to add Short Description to the Survey widget?

[Happy S]

Hi,

I am trying to add a Short Description field to the Survey widget on the ServiceNow portal.

By referring to this - https://www.servicenow.com/community/it-service-management-forum/how-do-i-add-short-description-fiel... after adding the code below

-----------------------------------------------------------------

body += '<span style="color:#000; white-space:normal;">' + 'ShortDescription' + ': </span><span style="color:#595959; white-space:normal;">' + data[id].inst_description + '</span><br/>';

-----------------------------------------------------------------

It is returning the value of the Short Description which is the Name of the Survey widget - Customer Satisfaction Survey and not the Short Description of the Incident ticket.

Appreciate if someone can help with the mentioned code above to have the Short Description value of the Incident ticket being populated instead.

Thank you.

[SanaPR]

Hi , Thank you for your response. I tired to add in the same but never worked for me. This entirely breaks and the widget does not show up at all. When i commented those additional lines of code it worked as usual. Not sure why it would break.

[Happy S]

Hi,

Do you mind to provide the code that you have from your end please?

[SanaPR]

Client script from the UI Page assessment_list is as below:

var rows = gel('rows').value;

rows = jQuery.parseJSON(rows);

buildCards(rows);

var elm = jQuery('a[href], [tabindex]')[0];

if (elm) {

elm.focus();

}

function buildCards(data) {

var i = 0;

if (data[0] != '') {

while (i < data.length) {

var info = buildBody(data, i);

if (info.name != '') {

var window = new Array();

window[i] = createGlideWindow(data[i].inst_id, 'id' + data[i].inst_id, true, info.name, info.body);

i++;

}

}

}

}

function showAll(instance, type) {

var url = 'assessment_list.do?sysparm_show=all';

window.location = url;

}

function showMine(instance, type) {

var url = 'assessment_list.do?sysparm_show=user';

window.location = url;

}

function takeAssessment(instance, type) {

var url = 'assessment_take2.do?sysparm_assessable_sysid=' + instance + '&sysparm_assessable_type=' + type;

window.location = url;

}

function createGlideWindow(div, id, readOnly, title, body) {

var w = new GlideWindow(id, readOnly);

w.setPosition('relative');

w.setTitle(title);

w.setSize("100%", "");

w.setBody(body);

w.setFontSize(12);

w.setFontWeight("normal");

w.setHeaderColor("");

w.setClassName("drag_section");

w.insert(div);

if(w.getWindowDOM()){

w.getWindowDOM().style.tableLayout = "fixed";

w.getWindowDOM().setAttribute("tabindex", "0");

}

if(w.getHeader()){

w.getHeader().style.tableLayout = "fixed";

}

if(w.getTitle()){

w.getTitle().style.overflow = "hidden";

w.getTitle().style.textOverflow = "ellipsis";

}

return w;

}

function buildBody(data, id) {

var viewSurveyLink = 'asmt_metric_type.do?sys_id=' + data[id].mt_id + '&sysparm_view=' + data[id].mt_evaluation_method;

var takeSurveyLink = 'assessment_take2.do?sysparm_assessable_sysid=' + data[id].inst_id + '&amp;sysparm_assessable_type=' + data[id].mt_id;

var takeSurveyButton = 'takeAssessment(\'' + data[id].inst_id + '\',\'' + data[id].mt_id + '\');';

var desc = data[id].inst_description.escapeHTML();

var name = '';

var body = '';

if (typeof desc  != "undefined") {

var assignedToMsg = getMessage("Assigned to");

var stateMsg = getMessage("State");

var dueDateMsg = getMessage("Due date");

desc = desc.replace(/\n/g, '<br/>');

desc = desc.replace(/\r/g, '');

var buttonText = "";

var gwtMessage = new GwtMessage();

if (data[id].mt_evaluation_method != "testplan") {

var datum = data[id].mt_evaluation_method_display;

if (data[id].inst_preview == "true")

buttonText = gwtMessage.getMessage("Preview {0}", datum);

else if (data[id].inst_state_id == "complete")

buttonText = gwtMessage.getMessage("Modify {0}", datum);

else

buttonText = gwtMessage.getMessage("Take {0}", datum);

}

else if (data[id].inst_state_id == "complete")

buttonText = getMessage("Retest");

else if (data[id].inst_preview == "false")

buttonText = getMessage("Start Testing");

name += '<h2 style="margin: 0 0;font-size: 17px;">' + data[id].mt_name.escapeHTML() + '</h2>';

body += '<table style="width: 100%; vertical-align:top;">';

body += '<tbody><tr style="vertical-align:top;">';

body += '<td style="text-align: center; vertical-align: top;" class="homepage_category_only_image_cell">';

body += '<span style="margin: 0px 10px 0px 0px; padding:10px 10px 10px 10px;">';

body += '<img alt="" aria-label="'+data[id].mt_evaluation_method_display+' instance icon" src="images/assessment/checkClipboard' + data[id].inst_color + '.png" />';

body += '</span>';

body += '</td>';

if ("${gs.getUserID()}" == data[id].inst_user) {

body += '<td style="max-width: 0; overflow: hidden; text-overflow: ellipsis;vertical-align: top; white-space: nowrap; width: 100%" class="homepage_category_only_description_cell">';

body += '<span><a target="_self" style="color:#000;" href="' + takeSurveyLink + '">';

} else {

body += '<td style="max-width: 0; overflow: hidden; text-overflow: ellipsis;vertical-align: top; white-space: nowrap; width: 100%" class="homepage_category_only_description_cell">';

body += '<span><a target="_self" style="color:#000;" href="' + viewSurveyLink + '">';

}

body += '<h3 style="display: inherit; margin: 10px 0px 0px 0px; font-size: larger; font-weight: normal; overflow:hidden; text-overflow:ellipsis;">';

body += data[id].mt_name.escapeHTML();

body += '</h3>';

body += '</a></span><br>';

body += '<span style="color:#000; white-space:normal;">' + assignedToMsg + ': </span><span style="color:#595959; white-space:normal;">' + data[id].user_name.escapeHTML() + '</span><br/>';

body += '<span style="color:#000; white-space:normal;">' + stateMsg + ': </span><span style="color:#595959; white-space:normal;">' + data[id].inst_state + '</span><br/>';

body += '<span style="color:#000; white-space:normal;">' + dueDateMsg + ': </span><span style="color:' + data[id].inst_color + '; white-space:normal;">' + data[id].inst_due_date + '</span><br/>';

if(data[id].inst_trigger_id){

body += '<span style="color:#000; white-space:normal;">' + data[id].inst_trigger_table + ': </span><span style="color:#595959; white-space:normal;">' + data[id].inst_trigger_id + '</span><br/>';

}

body += '<span style="color:#595959; white-space:normal;">' + desc + '</span>';

body += '</td></tr>';

body += '<tr><td colspan="2" align="right">';

if ("${gs.getUserID()}" == data[id].inst_user)

body += '<button id="take_survey_button_'+ data[id].inst_id +'" class="btn btn-default" onClick="' + takeSurveyButton + '" style="font-size: inherit; margin: 3px 5px;" type="submit">' + buttonText + '</button>';

else

body += '&nbsp';

body += '</td></tr></tbody></table>';

}

return {body: body, name: name};

}

[Happy S]

Please add the provide code after this line and it should work..

body += '<span style="color:#000; white-space:normal;">' + data[id].inst_trigger_table + ': </span><span style="color:#595959; white-space:normal;">' + data[id].inst_trigger_id + '</span><br/>';