how do we update sp-bootstrap.scss (CSS) file to remove reference field workaround?

Go to solution
Randall Arnold
Giga Expert

‎05-12-2021 10:37 AM

After we moved to a service portal, we noticed that the data picker for reference fields was getting truncated.  After a bit of search, I found the cause here: https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0832673.  Apparently someone implemented a CSS formatting workaround for the issue described, and now it needs to be removed.

Debugging a catalog page led me to find the offending code in a file called sp-bootstrap.scss:

.field-has-reference .reference {
	display: table-cell;
	width: 100%;
	max-width: 0;
}

The KB says I need to remove the max-width setting.  Problem is, I can display the sp-bootstrap.scss file via url (https://<instance>.service-now.com/styles/scss/sp-bootstrap.scss), but for the life of me I can't find where in ServiceNow we're supposed to edit it...

EDIT: sp-bootstrap.scss doesn't look like the actual problem.  See follow-up posts.

0 Helpfuls
  • 3,541 Views
1 ACCEPTED SOLUTION

Go to solution
Justin77
Mega Guru

‎05-12-2021 11:28 AM

Like a lot of the core SNOW platform, that file isn't available for editing.  Your best bet is to override that property via the CSS on either the portal record, the theme record, or the widget record.

View solution in original post

10 REPLIES 10

Go to solution
Daniel Peel
Mega Sage
In response to Randall Arnold

‎02-10-2025 07:44 AM

I know it's really late... but I can tell you why that was there... or at least why we put in the same... we didn't want users, from portal, being able to navigate to the "forms".  This removes the (i) from reference fields so there is not popup... that lead to a list of access points etc... from the related lists that would show and a large about of confusion on users parts.

0 Helpfuls