How to hide icon for reference field in portal?

ManikandanP7586 · ‎10-29-2025

I want to hide the icon for a reference field in the portal view (Form Widget), but it should remain visible and functional in the form view. Is there any out-of-the-box (OOTB) functionality available to achieve this?

debendudas · ‎10-30-2025

Do you want to hide the ( i ) icon from reference fields like the one shown below??

You can use the following CSS on the page:

.field-has-reference .add-on {
    visibility: hidden; /* display: none; breaks the field layout */
}

But just out of curiosity - why do you want to hide it?

If this solution helps you then, mark it as accepted solution ‌‌✔️ and give thumbs up👍!

View solution in original post

Cheikh Ahmadou · ‎10-30-2025

Hi @ManikandanP7586 ,

I do not really think that it is possible to do it only for Service Portal.
However, you might be able to hide it by manipulating the DOM (for example, using custom CSS or in client script in the portal widget).
Try that approach.

Regards,
Cheikh

Ankur Bawiskar · ‎10-30-2025

@ManikandanP7586

are you talking about the i icon?

share screenshots

Are you saying it should be hidden for only 1 particular reference field in Form widget and not for other forms in portal?

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

ManikandanP7586 · ‎10-30-2025

Yes i need to hide in widget level

Ankur Bawiskar · ‎11-01-2025

@ManikandanP7586

on which widget? which portal page? share screenshots.

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