List - UI Builder

Cristina Costa
Tera Contributor

Hello Community, 

 

I am creating a page in UI Builder from scratch, and I would like to have the same tables design as in the image. 

 

You can that the simple list is side by side (easy to do) but you see that the coluns are organized and they fit all on the space. What I am not being able to achive, on UI BUilder when I have a simple list it creates a scroll to the side. to see the rest of the coluns 

 

What I would like to have: 

CristinaCosta_0-1722619995687.png

 

What I have: 

CristinaCosta_1-1722620207881.png

 

I copy the CSS and it does not work. From where comes that configuration of the components? 

 

Thank you 

 

 

 

1 REPLY 1

Diogo Ramos
Giga Sage

Hello, I tried on my PDI and I get your issue as well, but it seems that if I toggle the following :

DiogoRamos_0-1728680254642.png

The horizontal scroll goes away: 

DiogoRamos_1-1728680520132.png
Not sure if something else is possible as the configuration will be within the component itself which we cannot access.

Hope it helps