Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

UI Builder - Avoiding word truncation for List Component

JamesBateman
Tera Contributor

Hi everyone,

I’m working in UI Builder (Yokohama release) and I’ve hit a stubborn styling issue with a record list component (now-record-list-connected) on one of my workspace pages.

The problem is that text in one of my list columns is being truncated after a few lines.
When inspecting in Developer Tools, I can see this styling applied inside the shadow DOM:

JamesBateman_0-1763112196190.png

 

If I manually disable -webkit-box-orient: vertical and change max-height: 240px to none, the full text displays perfectly — so I know those properties are the cause.

JamesBateman_1-1763112238415.png

 

However, I can’t find a way to override them through UI Builder.

I want to permanently change the list behaviour so that:
-webkit-box-orient: horizontal;
max-height: none;


Any guidance (or examples) would be really appreciated.

Thanks!

 

0 REPLIES 0