Putting '?' icon next to the felid

MadhuDanalN
Tera Contributor

Hey guys I need a help with a customization in the SIR form. I have some fields in the form and the client want to put some hints and a interrogation icon next to the field "?". I managed to put the hint in the label configuration in the field but I can't put the icon next to him.

1 ACCEPTED SOLUTION

vignesh parthib
Tera Guru

Hi @MadhuDanalN 

You can try inject a DOM element dynamically .

But Direct DOM manipulation (document.querySelector etc.) is not officially supported or recommended in ServiceNow Client Scripts.

 

function onChange(control, oldValue, newValue, isLoading) {
if (isLoading) return;

// Remove existing icon
var existingIcon = document.querySelector('#impact-info-icon');
if (existingIcon) existingIcon.remove();

if (newValue == '2') { // Low
var icon = document.createElement('span');
icon.id = 'impact-info-icon';
icon.className = 'icon-help';
icon.style.marginLeft = '10px';
icon.style.cursor = 'pointer';
icon.title = 'Low impact: Issue affects one user or a minor function.'; // Tooltip text

var label = document.querySelector('label[for="impact"]');
if (label) label.appendChild(icon);
}
}

 

Thanks,
Vignesh
"If this solution resolves your issue, kindly mark it as correct."

View solution in original post

12 REPLIES 12

Dr Atul G- LNG
Tera Patron
Tera Patron

Hi @MadhuDanalN 

By default (OOTB), icon typically appears in the 'reference' field, or you can review the default configuration for the short description

 

DrAtulGLNG_0-1759222742735.png

 

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

Hi @DR Atul G-LNG, thank you for the reply.

For example, in the Impact field (High, Low, Medium, Critical), when the user selects a particular choice (e.g., Low), they should be able to click on a ? icon or similar to see the explanation message. based on the demand it will be visible to the user

Hi @MadhuDanalN 

Thanks for the detailed explanation. I wouldn’t recommend proceeding with this approach, as it could introduce technical debt if there’s no OOTB (out-of-the-box) solution available.

Instead, I suggest displaying a user-friendly message beneath the field as soon as the user selects either “Low” or “High.” This can be achieved using a Client Script or a UI Policy.

Avoid using a tooltip (e.g., adding a ? icon), since the user would have to click on it, which adds an extra step and isn't as seamless.

 

https://www.servicenow.com/community/developer-forum/display-field-message-under-form-field-dependin...

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

Ankur Bawiskar
Tera Patron
Tera Patron

@MadhuDanalN 

sorry please share screenshot of what you were able to achieve and what you want next?

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

Regards,
Ankur
Certified Technical Architect  ||  9x ServiceNow MVP  ||  ServiceNow Community Leader