How do I remove a Decoration via OnChange?

[Shane J]

What can I use to remove a decoration added via g_form.addDecoration in an onChange Client Script?  g_form.removeDecoration isn't available.

[Jace Benson]

It should be available on both mobile/sp and desktop.  Where is it unavailable?

Source: https://docs.servicenow.com/bundle/kingston-application-development/page/app-store/dev_portal/API_re...

[Shane J]

I think you misread.  I changed the VIP Client Script to use addDecoration instead.  The problem is that if the Caller is changed to a non-VIP, the icon doesn't disappear.

[Jace Benson]

Can you share your code?  g_form.removeDecoration(...) should be available.

Also so this is on the standard UI or in the service portal?

[Shane J]

Maybe I'm just using it incorrectly?

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: '5px', color: "#e34234" });
callerLabel.setStyle({color: "#e34234" });
callerField.setStyle({color: "#e34234"});
g_form.addDecoration('caller_id', 'icon-star', 'VIP');
} else {
callerLabel.setStyle({backgroundImage: "", color: ""});
callerField.setStyle({color: ""});
g_form.removeDecoration('caller_id');
}
}