UI Builder - Avoiding word truncation for List Component
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
4 hours ago
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:
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.
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!
- Labels:
-
UI Builder : Next Experience
