Highlight VIP caller on incident form

[Adarsh kumar si]

There is OOB client script "Highlight VIP Caller " , to highlight the VIP caller. Is there any other way to achieve this functionality without the use of DOM Manipulation? 

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: ""

        });

    }

}

[Sandeep Rajput · Accepted solution]

@Adarsh kumar si If the OOTB script itself is using DOM manipulation then it must be the only way to highlight the VIP users. Had there been any other way folks at ServiceNow might have already implemented it by now. 

[Ankur Bawiskar · Accepted solution]

@Adarsh kumar si 

Nope

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Sandeep Rajput · Accepted solution]

@Adarsh kumar si If the OOTB script itself is using DOM manipulation then it must be the only way to highlight the VIP users. Had there been any other way folks at ServiceNow might have already implemented it by now. 

[Sandeep Rajput]

@Adarsh kumar si I provided the same answer as accepted solution. Shouldn't my response be an accepted solution too?

[Dr Atul G- LNG]

Hi @Adarsh kumar si 

Where do you want to show these highlights? In list view or in form?

[Juhi Poddar]

Hello @Adarsh kumar si 

I would not recommend modifying the OOTB script, as it may impact functionality in other areas of the platform. However, if you need to adjust the position of the VIP image, you can focus on the document.documentElement.getAttribute('data-doctype') == 'true' line, which determines the image's position.

If you are certain about the desired position, you can comment out that line and directly set bgPosition = "5% 45%"; (or any other value) to meet your requirements. Proceed cautiously, keeping in mind potential impacts on other functionalities.

Attaching screenshot for better understanding: 

Hope this helps!

"If you found my answer helpful, please like and mark it as an "accepted solution". It helps future readers to locate the solution easily and supports the community!"

Thank You
Juhi Poddar