Red circle next to the Incident number for VIP

[JersonSk]

I am using the testing instance from the Developer site.

I have a task to add a Red Circle next to the incident number in the incident forms when the caller is a VIP.

I can add the circle in the Number colums on the List view but not in the number field box as requested. Field Style is not working for me.

Any suggestions?

[Sandeep Rajput]

@JersonSk Did you try field decoration https://developer.servicenow.com/dev.do#!/reference/api/washingtondc/client/c_GlideFormAPI#r_GlideFo...

g_form.addDecoration('caller_id', 'icon-star', 'preferred member');

[Brad Bowman · Accepted solution]

Field Styles don't work on forms.  You need a Client Script, like this out of box one for VIP with the Isolate script box unchecked:

function onChange(control, oldValue, newValue, isLoading) {
	var callerLabel = $('label.incident.caller_id');
	var callerField = $('sys_display.incident.caller_id');
	if (!callerLabel || !callerField)
		return;
	
	if (!newValue) {
		callerLabel.setStyle({backgroundImage: ""});
		callerField.setStyle({color: ""});
		return;
	}
	g_form.getReference('caller_id', vipCallerCallback);
}

function vipCallerCallback(caller) {
	var callerLabel = $('label.incident.caller_id').down('label');
	var callerField = $('sys_display.incident.caller_id');
	if (!callerLabel || !callerField)
		return;
	
	//check for VIP status
	if (caller.vip == 'true') {
		var bgPosition = "95% 55%";
		if (document.documentElement.getAttribute('data-doctype') == 'true')
			bgPosition = "5% 45%";
			
		callerLabel.setStyle({backgroundImage: "url(images/icons/vip.gif)", backgroundRepeat: "no-repeat", backgroundPosition: bgPosition, paddingLeft: '30px' });
		callerField.setStyle({color: "red"});
	} else {
		callerLabel.setStyle({backgroundImage: ""});
		callerField.setStyle({color: ""});
	}
}

[JersonSk]

thanks