Text Allignment in UI Builder

SoudarapuN
Tera Contributor

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!

Screenshot_27.png

 

 

0 REPLIES 0