Big numbers positioning them next to each other

Hiya,
How can I position the Big numbers component so that its items are next to each other rather then underneath?
In one of my screens they have appeared as I wish without doing any thing and in another they are on top of each other and I can’t get them to move.

cheers for you help
Rob


You can use Custom CSS to set display: flex and flex-direction: row.

Do you need help implement this?

Are you on a paid plan ?

Thanks for your prompt reply.
No I’m not on a paid plan as I’m only building a small app for home to experiment with but I’m handy with CSS. Do you have to be on a paid plan to modify your CSS?

Yes, you need a paid plan to use custom CSS.
But, you can use AI component instead if you want to create your own custom Big Number. It would work too!

I think you discovered an effect here. I’m not sure how you set it up in the first screenshot, I tried but can’t replicate it.

It’s just a simple big number with some elements in it. I added a couple more to test and they stack up nicely. I can’t replicate it in the other screen though.

If you create a new screen, select the same table source. The. Go to the source screen, right click in the components section, right click and copy all. Go to the new screen, right click and paste.

Does the problem persist?

1 Like

Alrite, it seems like it doesn’t stack if you have just 2 items, but it allows you to have 2 on the same row if you have 2+. That’s just weird.

Ah yes you’re right.
I’ve added a 3rd element which I left blank and it stacked up nicely.

cheers :slight_smile:

1 Like