Text Allignment in UI Builder
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-04-2025 11:37 PM
Hi Team,
I have a requirement where I’m using a List component in UI Builder, and I want to center-align all the column values, including integers.
I applied the following style:
* {
text-align: center !important;
}
This works fine for string values, but the integer column values are still right-aligned. On inspecting the element, I found that the following default style from UI Builder is overriding mine:
.now-grid td .sn-list-grid-cell .sn-text-link.-number {
text-align: right;
}
I tried adding custom styles, but it seems the default class is taking precedence. I’m attaching a screenshot of the list component for reference.
Has anyone faced a similar issue or found a way to override this default alignment for integer fields in the List component? Any help would be appreciated.
Thanks in advance!